80 
+
81 
+$request  = compact( 'app_name', 'app_id', 'success_url', 'reject_url' );
82 
+$is_valid = wp_is_authorize_application_password_request_valid( $request, $user );
83 
+
84 
+if ( is_wp_error( $is_valid ) ) {
85 
+	wp_die(
86 
+		__( 'The Authorize Application request is not allowed.' ) . ' ' . implode( ' ', $is_valid->get_error_messages() ),
87 
+		__( 'Cannot Authorize Application' )
88 
+	);
89 
+}
90 
+
91 
+if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
92 
+	wp_die(
93 
+		__( 'Your website appears to use Basic Authentication, which is not currently compatible with Application Passwords.' ),
94 
+		__( 'Cannot Authorize Application' ),
95 
+		array(
96 
+			'response'  => 501,
97 
+			'link_text' => __( 'Go Back' ),
98 
+			'link_url'  => $reject_url ? add_query_arg( 'error', 'disabled', $reject_url ) : admin_url(),
99 
+		)
100 
+	);
101 
+}
102 
+
103 
+if ( ! wp_is_application_passwords_available_for_user( $user ) ) {
104 
+	if ( wp_is_application_passwords_available() ) {
105 
+		$message = __( 'Application passwords are not available for your account. Please contact the site administrator for assistance.' );
106 
+	} else {
107 
+		$message = __( 'Application passwords are not available.' );
108 
+	}
109 
+
110 
+	wp_die(
111 
+		$message,
112 
+		__( 'Cannot Authorize Application' ),
113 
+		array(
114 
+			'response'  => 501,
115 
+			'link_text' => __( 'Go Back' ),
116 
+			'link_url'  => $reject_url ? add_query_arg( 'error', 'disabled', $reject_url ) : admin_url(),
117 
+		)
118 
+	);
119 
+}
120 
+
121 
+wp_enqueue_script( 'auth-app' );
122 
+wp_localize_script(
123 
+	'auth-app',
124 
+	'authApp',
125 
+	array(
126 
+		'site_url'   => site_url(),
127 
+		'user_login' => $user->user_login,
128 
+		'success'    => $success_url,
129 
+		'reject'     => $reject_url ? $reject_url : admin_url(),
130 
+	)
131 
+);
132 
+
133 
+require_once ABSPATH . 'wp-admin/admin-header.php';
134 
+
135 
+?>
136 
+<div class="wrap">
137 
+	<h1><?php echo esc_html( $title ); ?></h1>
138 
+
139 
+	<?php if ( is_wp_error( $error ) ) : ?>
140 
+		<div class="notice notice-error"><p><?php echo $error->get_error_message(); ?></p></div>
141 
+	<?php endif; ?>
142 
+
143 
+	<div class="card auth-app-card">
144 
+		<h2 class="title"><?php _e( 'An application would like to connect to your account.' ); ?></h2>
145 
+		<?php if ( $app_name ) : ?>
146 
+			<p>
147 
+				<?php
148 
+				printf(
149 
+					/* 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 
+					'<strong>' . esc_html( $app_name ) . '</strong>'
152 
+				);
153 
+				?>
154 
+			</p>
155 
+		<?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 
+		<?php endif; ?>
158 
+
159 
+		<?php
160 
+		if ( is_multisite() ) {
161 
+			$blogs       = get_blogs_of_user( $user->ID, true );
162 
+			$blogs_count = count( $blogs );
163 
+			if ( $blogs_count > 1 ) {
164 
+				?>
165 
+				<p>
166 
+					<?php
167 
+					printf(
168 
+						/* 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>.',
172 
+							$blogs_count
173 
+						),
174 
+						admin_url( 'my-sites.php' ),
175 
+						number_format_i18n( $blogs_count )
176 
+					);
177 
+					?>
178 
+				</p>
179 
+				<?php
180 
+			}
181 
+		}
182 
+		?>
183 
+
184 
+		<?php if ( $new_password ) : ?>
185 
+			<div class="notice notice-success notice-alt below-h2">
186 
+				<p class="application-password-display">
187 
+					<label for="new-application-password-value">
188 
+						<?php
189 
+						printf(
190 
+							/* translators: %s: Application name. */
191 
+							esc_html__( 'Your new password for %s is:' ),
192 
+							'<strong>' . esc_html( $app_name ) . '</strong>'
193 
+						);
194 
+						?>
195 
+					</label>
196 
+					<input id="new-application-password-value" type="text" class="code" readonly="readonly" value="<?php esc_attr( WP_Application_Passwords::chunk_password( $new_password ) ); ?>" />
197 
+				</p>
198 
+				<p><?php _e( 'Be sure to save this in a safe location. You will not be able to retrieve it.' ); ?></p>
199 
+			</div>
200 
+
201 
+			<?php
202 
+			/**
203 
+			 * Fires in the Authorize Application Password new password section in the no-JS version.
204 
+			 *
205 
+			 * In most cases, this should be used in combination with the {@see 'wp_application_passwords_approve_app_request_success'}
206 
+			 * action to ensure that both the JS and no-JS variants are handled.
207 
+			 *
208 
+			 * @since 5.6.0
209 
+			 * @since 5.6.1 Corrected action name and signature.
210 
+			 *
211 
+			 * @param string  $new_password The newly generated application password.
212 
+			 * @param array   $request      The array of request data. All arguments are optional and may be empty.
213 
+			 * @param WP_User $user         The user authorizing the application.
214 
+			 */
215 
+			do_action( 'wp_authorize_application_password_form_approved_no_js', $new_password, $request, $user );
216 
+			?>
217 
+		<?php else : ?>
218 
+			<form action="<?php echo esc_url( admin_url( 'authorize-application.php' ) ); ?>" method="post" class="form-wrap">
219 
+				<?php wp_nonce_field( 'authorize_application_password' ); ?>
220 
+				<input type="hidden" name="action" value="authorize_application_password" />
221 
+				<input type="hidden" name="app_id" value="<?php echo esc_attr( $app_id ); ?>" />
222 
+				<input type="hidden" name="success_url" value="<?php echo esc_url( $success_url ); ?>" />
223 
+				<input type="hidden" name="reject_url" value="<?php echo esc_url( $reject_url ); ?>" />
224 
+
225 
+				<div class="form-field">
226 
+					<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 />
228 
+				</div>
229 
+
230 
+				<?php
231 
+				/**
232 
+				 * Fires in the Authorize Application Password form before the submit buttons.
233 
+				 *
234 
+				 * @since 5.6.0
235 
+				 *
236 
+				 * @param array   $request {
237 
+				 *     The array of request data. All arguments are optional and may be empty.
238 
+				 *
239 
+				 *     @type string $app_name    The suggested name of the application.
240 
+				 *     @type string $success_url The url the user will be redirected to after approving the application.
241 
+				 *     @type string $reject_url  The url the user will be redirected to after rejecting the application.
242 
+				 * }
243 
+				 * @param WP_User $user The user authorizing the application.
244 
+				 */
245 
+				do_action( 'wp_authorize_application_password_form', $request, $user );
246 
+				?>
247 
+
248 
+				<?php
249 
+				submit_button(
250 
+					__( 'Yes, I approve of this connection.' ),
251 
+					'primary',
252 
+					'approve',
253 
+					false,
254 
+					array(
255 
+						'aria-describedby' => 'description-approve',
256 
+					)
257 
+				);
258 
+				?>
259 
+				<p class="description" id="description-approve">
260 
+					<?php
261 
+					if ( $success_url ) {
262 
+						printf(
263 
+							/* translators: %s: The URL the user is being redirected to. */
264 
+							__( 'You will be sent to %s' ),
265 
+							'<strong><kbd>' . esc_html(
266 
+								add_query_arg(
267 
+									array(
268 
+										'site_url'   => site_url(),
269 
+										'user_login' => $user->user_login,
270 
+										'password'   => '[------]',
271 
+									),
272 
+									$success_url
273 
+								)
274 
+							) . '</kbd></strong>'
275 
+						);
276 
+					} else {
277 
+						_e( 'You will be given a password to manually enter into the application in question.' );
278 
+					}
279 
+					?>
280 
+				</p>
281 
+
282 
+				<?php
283 
+				submit_button(
284 
+					__( 'No, I do not approve of this connection.' ),
285 
+					'secondary',
286 
+					'reject',
287 
+					false,
288 
+					array(
289 
+						'aria-describedby' => 'description-reject',
290 
+					)
291 
+				);
292 
+				?>
293 
+				<p class="description" id="description-reject">
294 
+					<?php
295 
+					if ( $reject_url ) {
296 
+						printf(
297 
+							/* translators: %s: The URL the user is being redirected to. */
298 
+							__( 'You will be sent to %s' ),
299 
+							'<strong><kbd>' . esc_html( $reject_url ) . '</kbd></strong>'
300 
+						);
301 
+					} else {
302 
+						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );
303 
+					}
304 
+					?>
305 
+				</p>
306 
+			</form>
307 
+		<?php endif; ?>
308 
+	</div>
309 
+</div>
310 
+<?php
311 
+
312 
+require_once ABSPATH . 'wp-admin/admin-footer.php';

+ 372 - 0
app/wp-admin/comment.php
View File 

@@ -0,0 +1,372 @@
1 
+<?php
2 
+/**
3 
+ * Comment Management Screen
4 
+ *
5 
+ * @package WordPress
6 
+ * @subpackage Administration
7 
+ */
8 
+
9 
+/** Load WordPress Bootstrap */
10 
+require_once __DIR__ . '/admin.php';
11 
+
12 
+$parent_file  = 'edit-comments.php';
13 
+$submenu_file = 'edit-comments.php';
14 
+
15 
+/**
16 
+ * @global string $action
17 
+ */
18 
+global $action;
19 
+wp_reset_vars( array( 'action' ) );
20 
+
21 
+if ( isset( $_POST['deletecomment'] ) ) {
22 
+	$action = 'deletecomment';
23 
+}
24 
+
25 
+if ( 'cdc' === $action ) {
26 
+	$action = 'delete';
27 
+} elseif ( 'mac' === $action ) {
28 
+	$action = 'approve';
29 
+}
30 
+
31 
+if ( isset( $_GET['dt'] ) ) {
32 
+	if ( 'spam' === $_GET['dt'] ) {
33 
+		$action = 'spam';
34 
+	} elseif ( 'trash' === $_GET['dt'] ) {
35 
+		$action = 'trash';
36 
+	}
37 
+}
38 
+
39 
+if ( isset( $_REQUEST['c'] ) ) {
40 
+	$comment_id = absint( $_REQUEST['c'] );
41 
+	$comment    = get_comment( $comment_id );
42 
+
43 
+	// Prevent actions on a comment associated with a trashed post.
44 
+	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
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.' )
47 
+		);
48 
+	}
49 
+} else {
50 
+	$comment = null;
51 
+}
52 
+
53 
+switch ( $action ) {
54 
+
55 
+	case 'editcomment':
56 
+		$title = __( 'Edit Comment' );
57 
+
58 
+		get_current_screen()->add_help_tab(
59 
+			array(
60 
+				'id'      => 'overview',
61 
+				'title'   => __( 'Overview' ),
62 
+				'content' =>
63 
+					'<p>' . __( 'You can edit the information left in a comment if needed. This is often useful when you notice that a commenter has made a typographical error.' ) . '</p>' .
64 
+					'<p>' . __( 'You can also moderate the comment from this screen using the Status box, where you can also change the timestamp of the comment.' ) . '</p>',
65 
+			)
66 
+		);
67 
+
68 
+		get_current_screen()->set_help_sidebar(
69 
+			'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
70 
+			'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
71 
+			'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
72 
+		);
73 
+
74 
+		wp_enqueue_script( 'comment' );
75 
+		require_once ABSPATH . 'wp-admin/admin-header.php';
76 
+
77 
+		if ( ! $comment ) {
78 
+			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'javascript:history.go(-1)' ) );
79 
+		}
80 
+
81 
+		if ( ! current_user_can( 'edit_comment', $comment_id ) ) {
82 
+			comment_footer_die( __( 'Sorry, you are not allowed to edit this comment.' ) );
83 
+		}
84 
+
85 
+		if ( 'trash' === $comment->comment_approved ) {
86 
+			comment_footer_die( __( 'This comment is in the Trash. Please move it out of the Trash if you want to edit it.' ) );
87 
+		}
88 
+
89 
+		$comment = get_comment_to_edit( $comment_id );
90 
+
91 
+		require ABSPATH . 'wp-admin/edit-form-comment.php';
92 
+
93 
+		break;
94 
+
95 
+	case 'delete':
96 
+	case 'approve':
97 
+	case 'trash':
98 
+	case 'spam':
99 
+		$title = __( 'Moderate Comment' );
100 
+
101 
+		if ( ! $comment ) {
102 
+			wp_redirect( admin_url( 'edit-comments.php?error=1' ) );
103 
+			die();
104 
+		}
105 
+
106 
+		if ( ! current_user_can( 'edit_comment', $comment->comment_ID ) ) {
107 
+			wp_redirect( admin_url( 'edit-comments.php?error=2' ) );
108 
+			die();
109 
+		}
110 
+
111 
+		// No need to re-approve/re-trash/re-spam a comment.
112 
+		if ( str_replace( '1', 'approve', $comment->comment_approved ) === $action ) {
113 
+			wp_redirect( admin_url( 'edit-comments.php?same=' . $comment_id ) );
114 
+			die();
115 
+		}
116 
+
117 
+		require_once ABSPATH . 'wp-admin/admin-header.php';
118 
+
119 
+		$formaction    = $action . 'comment';
120 
+		$nonce_action  = ( 'approve' === $action ) ? 'approve-comment_' : 'delete-comment_';
121 
+		$nonce_action .= $comment_id;
122 
+
123 
+		?>
124 
+	<div class="wrap">
125 
+
126 
+	<h1><?php echo esc_html( $title ); ?></h1>
127 
+
128 
+		<?php
129 
+		switch ( $action ) {
130 
+			case 'spam':
131 
+				$caution_msg = __( 'You are about to mark the following comment as spam:' );
132 
+				$button      = _x( 'Mark as spam', 'comment' );
133 
+				break;
134 
+			case 'trash':
135 
+				$caution_msg = __( 'You are about to move the following comment to the Trash:' );
136 
+				$button      = __( 'Move to Trash' );
137 
+				break;
138 
+			case 'delete':
139 
+				$caution_msg = __( 'You are about to delete the following comment:' );
140 
+				$button      = __( 'Permanently delete comment' );
141 
+				break;
142 
+			default:
143 
+				$caution_msg = __( 'You are about to approve the following comment:' );
144 
+				$button      = __( 'Approve comment' );
145 
+				break;
146 
+		}
147 
+
148 
+		if ( '0' !== $comment->comment_approved ) { // If not unapproved.
149 
+			$message = '';
150 
+			switch ( $comment->comment_approved ) {
151 
+				case '1':
152 
+					$message = __( 'This comment is currently approved.' );
153 
+					break;
154 
+				case 'spam':
155 
+					$message = __( 'This comment is currently marked as spam.' );
156 
+					break;
157 
+				case 'trash':
158 
+					$message = __( 'This comment is currently in the Trash.' );
159 
+					break;
160 
+			}
161 
+			if ( $message ) {
162 
+				echo '<div id="message" class="notice notice-info"><p>' . $message . '</p></div>';
163 
+			}
164 
+		}
165 
+		?>
166 
+<div id="message" class="notice notice-warning"><p><strong><?php _e( 'Caution:' ); ?></strong> <?php echo $caution_msg; ?></p></div>
167 
+
168 
+<table class="form-table comment-ays">
169 
+<tr>
170 
+	<th scope="row"><?php _e( 'Author' ); ?></th>
171 
+	<td><?php comment_author( $comment ); ?></td>
172 
+</tr>
173 
+		<?php if ( get_comment_author_email( $comment ) ) { ?>
174 
+<tr>
175 
+	<th scope="row"><?php _e( 'Email' ); ?></th>
176 
+	<td><?php comment_author_email( $comment ); ?></td>
177 
+</tr>
178 
+<?php } ?>
179 
+		<?php if ( get_comment_author_url( $comment ) ) { ?>
180 
+<tr>
181 
+	<th scope="row"><?php _e( 'URL' ); ?></th>
182 
+	<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
183 
+</tr>
184 
+<?php } ?>
185 
+<tr>
186 
+	<th scope="row"><?php /* translators: Column name or table row header. */ _e( 'In response to' ); ?></th>
187 
+	<td>
188 
+		<?php
189 
+		$post_id = $comment->comment_post_ID;
190 
+		if ( current_user_can( 'edit_post', $post_id ) ) {
191 
+			$post_link  = "<a href='" . esc_url( get_edit_post_link( $post_id ) ) . "'>";
192 
+			$post_link .= esc_html( get_the_title( $post_id ) ) . '</a>';
193 
+		} else {
194 
+			$post_link = esc_html( get_the_title( $post_id ) );
195 
+		}
196 
+		echo $post_link;
197 
+
198 
+		if ( $comment->comment_parent ) {
199 
+			$parent      = get_comment( $comment->comment_parent );
200 
+			$parent_link = esc_url( get_comment_link( $parent ) );
201 
+			$name        = get_comment_author( $parent );
202 
+			printf(
203 
+				/* translators: %s: Comment link. */
204 
+				' | ' . __( 'In reply to %s.' ),
205 
+				'<a href="' . $parent_link . '">' . $name . '</a>'
206 
+			);
207 
+		}
208 
+		?>
209 
+	</td>
210 
+</tr>
211 
+<tr>
212 
+	<th scope="row"><?php _e( 'Submitted on' ); ?></th>
213 
+	<td>
214 
+		<?php
215 
+		$submitted = sprintf(
216 
+			/* translators: 1: Comment date, 2: Comment time. */
217 
+			__( '%1$s at %2$s' ),
218 
+			/* translators: Comment date format. See https://www.php.net/manual/datetime.format.php */
219 
+			get_comment_date( __( 'Y/m/d' ), $comment ),
220 
+			/* translators: Comment time format. See https://www.php.net/manual/datetime.format.php */
221 
+			get_comment_date( __( 'g:i a' ), $comment )
222 
+		);
223 
+		if ( 'approved' === wp_get_comment_status( $comment ) && ! empty( $comment->comment_post_ID ) ) {
224 
+			echo '<a href="' . esc_url( get_comment_link( $comment ) ) . '">' . $submitted . '</a>';
225 
+		} else {
226 
+			echo $submitted;
227 
+		}
228 
+		?>
229 
+	</td>
230 
+</tr>
231 
+<tr>
232 
+	<th scope="row"><?php /* translators: Field name in comment form. */ _ex( 'Comment', 'noun' ); ?></th>
233 
+	<td class="comment-content">
234 
+		<?php comment_text( $comment ); ?>
235 
+		<p class="edit-comment">
236 
+			<a href="<?php echo esc_url( admin_url( "comment.php?action=editcomment&c={$comment->comment_ID}" ) ); ?>"><?php esc_html_e( 'Edit' ); ?></a>
237 
+		</p>
238 
+	</td>
239 
+</tr>
240 
+</table>
241 
+
242 
+<form action="comment.php" method="get" class="comment-ays-submit">
243 
+	<p>
244 
+		<?php submit_button( $button, 'primary', 'submit', false ); ?>
245 
+		<a href="<?php echo esc_url( admin_url( 'edit-comments.php' ) ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
246 
+	</p>
247 
+
248 
+		<?php wp_nonce_field( $nonce_action ); ?>
249 
+	<input type="hidden" name="action" value="<?php echo esc_attr( $formaction ); ?>" />
250 
+	<input type="hidden" name="c" value="<?php echo esc_attr( $comment->comment_ID ); ?>" />
251 
+	<input type="hidden" name="noredir" value="1" />
252 
+</form>
253 
+
254 
+</div>
255 
+		<?php
256 
+		break;
257 
+
258 
+	case 'deletecomment':
259 
+	case 'trashcomment':
260 
+	case 'untrashcomment':
261 
+	case 'spamcomment':
262 
+	case 'unspamcomment':
263 
+	case 'approvecomment':
264 
+	case 'unapprovecomment':
265 
+		$comment_id = absint( $_REQUEST['c'] );
266 
+
267 
+		if ( in_array( $action, array( 'approvecomment', 'unapprovecomment' ), true ) ) {
268 
+			check_admin_referer( 'approve-comment_' . $comment_id );
269 
+		} else {
270 
+			check_admin_referer( 'delete-comment_' . $comment_id );
271 
+		}
272 
+
273 
+		$noredir = isset( $_REQUEST['noredir'] );
274 
+
275 
+		$comment = get_comment( $comment_id );
276 
+		if ( ! $comment ) {
277 
+			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'edit-comments.php' ) );
278 
+		}
279 
+		if ( ! current_user_can( 'edit_comment', $comment->comment_ID ) ) {
280 
+			comment_footer_die( __( 'Sorry, you are not allowed to edit comments on this post.' ) );
281 
+		}
282 
+
283 
+		if ( wp_get_referer() && ! $noredir && false === strpos( wp_get_referer(), 'comment.php' ) ) {
284 
+			$redir = wp_get_referer();
285 
+		} elseif ( wp_get_original_referer() && ! $noredir ) {
286 
+			$redir = wp_get_original_referer();
287 
+		} elseif ( in_array( $action, array( 'approvecomment', 'unapprovecomment' ), true ) ) {
288 
+			$redir = admin_url( 'edit-comments.php?p=' . absint( $comment->comment_post_ID ) );
289 
+		} else {
290 
+			$redir = admin_url( 'edit-comments.php' );
291 
+		}
292 
+
293 
+		$redir = remove_query_arg( array( 'spammed', 'unspammed', 'trashed', 'untrashed', 'deleted', 'ids', 'approved', 'unapproved' ), $redir );
294 
+
295 
+		switch ( $action ) {
296 
+			case 'deletecomment':
297 
+				wp_delete_comment( $comment );
298 
+				$redir = add_query_arg( array( 'deleted' => '1' ), $redir );
299 
+				break;
300 
+			case 'trashcomment':
301 
+				wp_trash_comment( $comment );
302 
+				$redir = add_query_arg(
303 
+					array(
304 
+						'trashed' => '1',
305 
+						'ids'     => $comment_id,
306 
+					),
307 
+					$redir
308 
+				);
309 
+				break;
310 
+			case 'untrashcomment':
311 
+				wp_untrash_comment( $comment );
312 
+				$redir = add_query_arg( array( 'untrashed' => '1' ), $redir );
313 
+				break;
314 
+			case 'spamcomment':
315 
+				wp_spam_comment( $comment );
316 
+				$redir = add_query_arg(
317 
+					array(
318 
+						'spammed' => '1',
319 
+						'ids'     => $comment_id,
320 
+					),
321 
+					$redir
322 
+				);
323 
+				break;
324 
+			case 'unspamcomment':
325 
+				wp_unspam_comment( $comment );
326 
+				$redir = add_query_arg( array( 'unspammed' => '1' ), $redir );
327 
+				break;
328 
+			case 'approvecomment':
329 
+				wp_set_comment_status( $comment, 'approve' );
330 
+				$redir = add_query_arg( array( 'approved' => 1 ), $redir );
331 
+				break;
332 
+			case 'unapprovecomment':
333 
+				wp_set_comment_status( $comment, 'hold' );
334 
+				$redir = add_query_arg( array( 'unapproved' => 1 ), $redir );
335 
+				break;
336 
+		}
337 
+
338 
+		wp_redirect( $redir );
339 
+		die;
340 
+
341 
+	case 'editedcomment':
342 
+		$comment_id      = absint( $_POST['comment_ID'] );
343 
+		$comment_post_id = absint( $_POST['comment_post_ID'] );
344 
+
345 
+		check_admin_referer( 'update-comment_' . $comment_id );
346 
+
347 
+		$updated = edit_comment();
348 
+		if ( is_wp_error( $updated ) ) {
349 
+			wp_die( $updated->get_error_message() );
350 
+		}
351 
+
352 
+		$location = ( empty( $_POST['referredby'] ) ? "edit-comments.php?p=$comment_post_id" : $_POST['referredby'] ) . '#comment-' . $comment_id;
353 
+
354 
+		/**
355 
+		 * Filters the URI the user is redirected to after editing a comment in the admin.
356 
+		 *
357 
+		 * @since 2.1.0
358 
+		 *
359 
+		 * @param string $location The URI the user will be redirected to.
360 
+		 * @param int $comment_id The ID of the comment being edited.
361 
+		 */
362 
+		$location = apply_filters( 'comment_edit_redirect', $location, $comment_id );
363 
+
364 
+		wp_redirect( $location );
365 
+		exit;
366 
+
367 
+	default:
368 
+		wp_die( __( 'Unknown action.' ) );
369 
+
370 
+} // End switch.
371 
+
372 
+require_once ABSPATH . 'wp-admin/admin-footer.php';

+ 135 - 0
app/wp-admin/credits.php
View File 

@@ -0,0 +1,135 @@
1 
+<?php
2 
+/**
3 
+ * Credits administration panel.
4 
+ *
5 
+ * @package WordPress
6 
+ * @subpackage Administration
7 
+ */
8 
+
9 
+/** WordPress Administration Bootstrap */
10 
+require_once __DIR__ . '/admin.php';
11 
+require_once __DIR__ . '/includes/credits.php';
12 
+
13 
+$title = __( 'Credits' );
14 
+
15 
+list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
16 
+
17 
+require_once ABSPATH . 'wp-admin/admin-header.php';
18 
+
19 
+$credits = wp_credits();
20 
+?>
21 
+<div class="wrap about__container">
22 
+
23 
+	<div class="about__header">
24 
+		<div class="about__header-title">
25 
+			<h1>
26 
+				<?php _e( 'Contributors' ); ?>
27 
+			</h1>
28 
+		</div>
29 
+
30 
+		<div class="about__header-text">
31 
+			<?php _e( 'WordPress 5.8 was created by a worldwide team of passionate individuals' ); ?>
32 
+		</div>
33 
+
34 
+		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
35 
+			<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
36 
+			<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
37 
+			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
38 
+			<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
39 
+		</nav>
40 
+	</div>
41 
+
42 
+	<div class="about__section has-1-column">
43 
+		<div class="column aligncenter">
44 
+			<?php if ( ! $credits ) : ?>
45 
+
46 
+			<p>
47 
+				<?php
48 
+				printf(
49 
+					/* translators: 1: https://wordpress.org/about/ */
50 
+					__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals.' ),
51 
+					__( 'https://wordpress.org/about/' )
52 
+				);
53 
+				?>
54 
+				<br />
55 
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
56 
+			</p>
57 
+
58 
+			<?php else : ?>
59 
+
60 
+			<p>
61 
+				<?php _e( 'Want to see your name in lights on this page?' ); ?>
62 
+				<br />
63 
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
64 
+			</p>
65 
+
66 
+			<?php endif; ?>
67 
+		</div>
68 
+	</div>
69 
+
70 
+<?php
71 
+if ( ! $credits ) {
72 
+	echo '</div>';
73 
+	require_once ABSPATH . 'wp-admin/admin-footer.php';
74 
+	exit;
75 
+}
76 
+?>
77 
+
78 
+	<hr />
79 
+
80 
+	<div class="about__section">
81 
+		<div class="column is-edge-to-edge">
82 
+			<?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
83 
+			<?php wp_credits_section_list( $credits, 'core-developers' ); ?>
84 
+			<?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>
85 
+		</div>
86 
+	</div>
87 
+
88 
+	<hr />
89 
+
90 
+	<div class="about__section">
91 
+		<div class="column">
92 
+			<?php wp_credits_section_title( $credits['groups']['props'] ); ?>
93 
+			<?php wp_credits_section_list( $credits, 'props' ); ?>
94 
+		</div>
95 
+	</div>
96 
+
97 
+	<hr />
98 
+
99 
+	<?php if ( isset( $credits['groups']['translators'] ) || isset( $credits['groups']['validators'] ) ) : ?>
100 
+	<div class="about__section">
101 
+		<div class="column">
102 
+			<?php wp_credits_section_title( $credits['groups']['validators'] ); ?>
103 
+			<?php wp_credits_section_list( $credits, 'validators' ); ?>
104 
+			<?php wp_credits_section_list( $credits, 'translators' ); ?>
105 
+		</div>
106 
+	</div>
107 
+
108 
+	<hr />
109 
+	<?php endif; ?>
110 
+
111 
+	<div class="about__section">
112 
+		<div class="column">
113 
+			<?php wp_credits_section_title( $credits['groups']['libraries'] ); ?>
114 
+			<?php wp_credits_section_list( $credits, 'libraries' ); ?>
115 
+		</div>
116 
+	</div>
117 
+</div>
118 
+<?php
119 
+
120 
+require_once ABSPATH . 'wp-admin/admin-footer.php';
121 
+
122 
+return;
123 
+
124 
+// These are strings returned by the API that we want to be translatable.
125 
+__( 'Project Leaders' );
126 
+/* translators: %s: The current WordPress version number. */
127 
+__( 'Core Contributors to WordPress %s' );
128 
+__( 'Noteworthy Contributors' );
129 
+__( 'Cofounder, Project Lead' );
130 
+__( 'Lead Developer' );
131 
+__( 'Release Lead' );
132 
+__( 'Release Design Lead' );
133 
+__( 'Release Deputy' );
134 
+__( 'Core Developer' );
135 
+__( 'External Libraries' );

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


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


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


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


+ 945 - 0
app/wp-admin/css/admin-menu-rtl.css
View File 

@@ -0,0 +1,945 @@
1 
+/*! This file is auto-generated */
2 
+#adminmenuback,
3 
+#adminmenuwrap,
4 
+#adminmenu,
5 
+#adminmenu .wp-submenu {
6 
+	width: 160px;
7 
+	background-color: #1d2327;
8 
+}
9 
+
10 
+#adminmenuback {
11 
+	position: fixed;
12 
+	top: 0;
13 
+	bottom: -120px;
14 
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
15 
+}
16 
+
17 
+.php-error #adminmenuback {
18 
+	position: absolute;
19 
+}
20 
+
21 
+.php-error #adminmenuback,
22 
+.php-error #adminmenuwrap {
23 
+	margin-top: 2em;
24 
+}
25 
+
26 
+#adminmenu {
27 
+	clear: right;
28 
+	margin: 12px 0;
29 
+	padding: 0;
30 
+	list-style: none;
31 
+}
32 
+
33 
+.folded #adminmenuback,
34 
+.folded #adminmenuwrap,
35 
+.folded #adminmenu,
36 
+.folded #adminmenu li.menu-top {
37 
+	width: 36px;
38 
+}
39 
+
40 
+.icon16 {
41 
+	height: 18px;
42 
+	width: 18px;
43 
+	padding: 6px 6px;
44 
+	margin: -6px -8px 0 0;
45 
+	float: right;
46 
+}
47 
+
48 
+/* New Menu icons */
49 
+
50 
+.icon16:before {
51 
+	color: #8c8f94; /* same as new icons */
52 
+	font: normal 20px/1 dashicons;
53 
+	speak: never;
54 
+	padding: 6px 0;
55 
+	height: 34px;
56 
+	width: 20px;
57 
+	display: inline-block;
58 
+	-webkit-font-smoothing: antialiased;
59 
+	-moz-osx-font-smoothing: grayscale;
60 
+	transition: all .1s ease-in-out;
61 
+}
62 
+
63 
+.icon16.icon-dashboard:before {
64 
+	content: "\f226";
65 
+}
66 
+
67 
+.icon16.icon-post:before {
68 
+	content: "\f109";
69 
+}
70 
+
71 
+.icon16.icon-media:before {
72 
+	content: "\f104";
73 
+}
74 
+
75 
+.icon16.icon-links:before {
76 
+	content: "\f103";
77 
+}
78 
+
79 
+.icon16.icon-page:before {
80 
+	content: "\f105";
81 
+}
82 
+
83 
+.icon16.icon-comments:before {
84 
+	content: "\f101";
85 
+	margin-top: 1px;
86 
+}
87 
+
88 
+.icon16.icon-appearance:before {
89 
+	content: "\f100";
90 
+}
91 
+
92 
+.icon16.icon-plugins:before {
93 
+	content: "\f106";
94 
+}
95 
+
96 
+.icon16.icon-users:before {
97 
+	content: "\f110";
98 
+}
99 
+
100 
+.icon16.icon-tools:before {
101 
+	content: "\f107";
102 
+}
103 
+
104 
+.icon16.icon-settings:before {
105 
+	content: "\f108";
106 
+}
107 
+
108 
+.icon16.icon-site:before {
109 
+	content: "\f541";
110 
+}
111 
+
112 
+.icon16.icon-generic:before {
113 
+	content: "\f111";
114 
+}
115 
+
116 
+/* hide background-image for icons above */
117 
+.icon16.icon-dashboard,
118 
+.menu-icon-dashboard div.wp-menu-image,
119 
+.icon16.icon-post,
120 
+.menu-icon-post div.wp-menu-image,
121 
+.icon16.icon-media,
122 
+.menu-icon-media div.wp-menu-image,
123 
+.icon16.icon-links,
124 
+.menu-icon-links div.wp-menu-image,
125 
+.icon16.icon-page,
126 
+.menu-icon-page div.wp-menu-image,
127 
+.icon16.icon-comments,
128 
+.menu-icon-comments div.wp-menu-image,
129 
+.icon16.icon-appearance,
130 
+.menu-icon-appearance div.wp-menu-image,
131 
+.icon16.icon-plugins,
132 
+.menu-icon-plugins div.wp-menu-image,
133 
+.icon16.icon-users,
134 
+.menu-icon-users div.wp-menu-image,
135 
+.icon16.icon-tools,
136 
+.menu-icon-tools div.wp-menu-image,
137 
+.icon16.icon-settings,
138 
+.menu-icon-settings div.wp-menu-image,
139 
+.icon16.icon-site,
140 
+.menu-icon-site div.wp-menu-image,
141 
+.icon16.icon-generic,
142 
+.menu-icon-generic div.wp-menu-image {
143 
+	background-image: none !important;
144 
+}
145 
+
146 
+/*------------------------------------------------------------------------------
147 
+  7.0 - Main Navigation (Left Menu)
148 
+------------------------------------------------------------------------------*/
149 
+
150 
+#adminmenuwrap {
151 
+	position: relative;
152 
+	float: right;
153 
+	z-index: 9990;
154 
+}
155 
+
156 
+/* side admin menu */
157 
+#adminmenu * {
158 
+	-webkit-user-select: none;
159 
+	user-select: none;
160 
+}
161 
+
162 
+#adminmenu li {
163 
+	margin: 0;
164 
+	padding: 0;
165 
+	cursor: pointer;
166 
+}
167 
+
168 
+#adminmenu a {
169 
+	display: block;
170 
+	line-height: 1.3;
171 
+	padding: 2px 5px;
172 
+	color: #f0f0f1;
173 
+}
174 
+
175 
+#adminmenu .wp-submenu a {
176 
+	color: #c3c4c7;
177 
+	color: rgba(240, 246, 252, 0.7);
178 
+	font-size: 13px;
179 
+	line-height: 1.4;
180 
+	margin: 0;
181 
+	padding: 5px 0;
182 
+}
183 
+
184 
+#adminmenu .wp-submenu a:hover,
185 
+#adminmenu .wp-submenu a:focus {
186 
+	background: none;
187 
+}
188 
+
189 
+#adminmenu a:hover,
190 
+#adminmenu li.menu-top > a:focus,
191 
+#adminmenu .wp-submenu a:hover,
192 
+#adminmenu .wp-submenu a:focus {
193 
+	color: #72aee6;
194 
+}
195 
+
196 
+#adminmenu a:hover,
197 
+#adminmenu a:focus,
198 
+.folded #adminmenu .wp-submenu-head:hover {
199 
+	box-shadow: inset -4px 0 0 0 currentColor;
200 
+	transition: box-shadow .1s linear;
201 
+}
202 
+
203 
+#adminmenu li.menu-top {
204 
+	border: none;
205 
+	min-height: 34px;
206 
+	position: relative;
207 
+}
208 
+
209 
+#adminmenu .wp-submenu {
210 
+	list-style: none;
211 
+	position: absolute;
212 
+	top: -1000em;
213 
+	right: 160px;
214 
+	overflow: visible;
215 
+	word-wrap: break-word;
216 
+	padding: 7px 0 8px;
217 
+	z-index: 9999;
218 
+	background-color: #2c3338;
219 
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
220 
+}
221 
+
222 
+.js #adminmenu .sub-open,
223 
+.js #adminmenu .opensub .wp-submenu,
224 
+#adminmenu a.menu-top:focus + .wp-submenu,
225 
+.no-js li.wp-has-submenu:hover .wp-submenu {
226 
+	top: -1px;
227 
+}
228 
+
229 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
230 
+	top: 0;
231 
+}
232 
+
233 
+#adminmenu .wp-has-current-submenu .wp-submenu,
234 
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
235 
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
236 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
237 
+	position: relative;
238 
+	z-index: 3;
239 
+	top: auto;
240 
+	right: auto;
241 
+	left: auto;
242 
+	bottom: auto;
243 
+	border: 0 none;
244 
+	margin-top: 0;
245 
+	box-shadow: none;
246 
+}
247 
+
248 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
249 
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
250 
+}
251 
+
252 
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
253 
+#adminmenu li.menu-top:hover,
254 
+#adminmenu li.opensub > a.menu-top,
255 
+#adminmenu li > a.menu-top:focus {
256 
+	position: relative;
257 
+	background-color: #1d2327;
258 
+	color: #72aee6;
259 
+}
260 
+
261 
+.folded #adminmenu li.menu-top:hover,
262 
+.folded #adminmenu li.opensub > a.menu-top,
263 
+.folded #adminmenu li > a.menu-top:focus {
264 
+	z-index: 10000;
265 
+}
266 
+
267 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
268 
+#adminmenu li.current a.menu-top,
269 
+#adminmenu .wp-menu-arrow,
270 
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
271 
+#adminmenu .wp-menu-arrow div {
272 
+	background: #2271b1;
273 
+	color: #fff;
274 
+}
275 
+
276 
+.folded #adminmenu .wp-submenu.sub-open,
277 
+.folded #adminmenu .opensub .wp-submenu,
278 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
279 
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
280 
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
281 
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
282 
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
283 
+	top: 0;
284 
+	right: 36px;
285 
+}
286 
+
287 
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
288 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
289 
+	position: absolute;
290 
+	top: -1000em;
291 
+}
292 
+
293 
+#adminmenu .wp-not-current-submenu .wp-submenu,
294 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
295 
+	min-width: 160px;
296 
+	width: auto;
297 
+	border-right: 5px solid transparent;
298 
+}
299 
+
300 
+#adminmenu .wp-submenu li.current,
301 
+#adminmenu .wp-submenu li.current a,
302 
+#adminmenu .opensub .wp-submenu li.current a,
303 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
304 
+#adminmenu .wp-submenu li.current a:hover,
305 
+#adminmenu .wp-submenu li.current a:focus {
306 
+	color: #fff;
307 
+}
308 
+
309 
+#adminmenu .wp-not-current-submenu li > a,
310 
+.folded #adminmenu .wp-has-current-submenu li > a {
311 
+	padding-left: 16px;
312 
+	padding-right: 14px;
313 
+	/* Exclude from the transition the outline for Windows High Contrast mode */
314 
+	transition: all .1s ease-in-out, outline 0s;
315 
+}
316 
+
317 
+#adminmenu .wp-has-current-submenu ul > li > a,
318 
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
319 
+	padding: 5px 12px;
320 
+}
321 
+
322 
+#adminmenu a.menu-top,
323 
+#adminmenu .wp-submenu-head {
324 
+	font-size: 14px;
325 
+	font-weight: 400;
326 
+	line-height: 1.3;
327 
+	padding: 0;
328 
+}
329 
+
330 
+#adminmenu .wp-submenu-head {
331 
+	display: none;
332 
+}
333 
+
334 
+.folded #adminmenu .wp-menu-name {
335 
+	position: absolute;
336 
+	right: -999px;
337 
+}
338 
+
339 
+.folded #adminmenu .wp-submenu-head {
340 
+	display: block;
341 
+}
342 
+
343 
+#adminmenu .wp-submenu li {
344 
+	padding: 0;
345 
+	margin: 0;
346 
+}
347 
+
348 
+#adminmenu .wp-menu-image img {
349 
+	padding: 9px 0 0 0;
350 
+	opacity: 0.6;
351 
+	filter: alpha(opacity=60);
352 
+}
353 
+
354 
+#adminmenu div.wp-menu-name {
355 
+	padding: 8px 36px 8px 8px;
356 
+	overflow-wrap: break-word;
357 
+	word-wrap: break-word;
358 
+	-ms-word-break: break-all;
359 
+	word-break: break-word;
360 
+	-webkit-hyphens: auto;
361 
+	hyphens: auto;
362 
+}
363 
+
364 
+#adminmenu div.wp-menu-image {
365 
+	float: right;
366 
+	width: 36px;
367 
+	height: 34px;
368 
+	margin: 0;
369 
+	text-align: center;
370 
+}
371 
+
372 
+#adminmenu div.wp-menu-image.svg {
373 
+	background-repeat: no-repeat;
374 
+	background-position: center;
375 
+	background-size: 20px auto;
376 
+}
377 
+
378 
+div.wp-menu-image:before {
379 
+	color: #a7aaad;
380 
+	color: rgba(240, 246, 252, 0.6);
381 
+	padding: 7px 0;
382 
+	transition: all .1s ease-in-out;
383 
+}
384 
+
385 
+#adminmenu div.wp-menu-image:before {
386 
+	color: #a7aaad;
387 
+	color: rgba(240, 246, 252, 0.6);
388 
+}
389 
+
390 
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
391 
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
392 
+#adminmenu .current div.wp-menu-image:before,
393 
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
394 
+#adminmenu a.current:hover div.wp-menu-image:before,
395 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
396 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
397 
+	color: #fff;
398 
+}
399 
+
400 
+#adminmenu li:hover div.wp-menu-image:before,
401 
+#adminmenu li a:focus div.wp-menu-image:before,
402 
+#adminmenu li.opensub div.wp-menu-image:before {
403 
+	color: #72aee6;
404 
+}
405 
+
406 
+.folded #adminmenu div.wp-menu-image {
407 
+	width: 35px;
408 
+	height: 30px;
409 
+	position: absolute;
410 
+	z-index: 25;
411 
+}
412 
+
413 
+.folded #adminmenu a.menu-top {
414 
+	height: 34px;
415 
+}
416 
+
417 
+/* Sticky admin menu */
418 
+.sticky-menu #adminmenuwrap {
419 
+	position: fixed;
420 
+}
421 
+
422 
+/* A new arrow */
423 
+
424 
+.wp-menu-arrow {
425 
+	display: none !important;
426 
+}
427 
+
428 
+ul#adminmenu a.wp-has-current-submenu {
429 
+	position: relative;
430 
+}
431 
+
432 
+ul#adminmenu a.wp-has-current-submenu:after,
433 
+ul#adminmenu > li.current > a.current:after {
434 
+	left: 0;
435 
+	border: solid 8px transparent;
436 
+	content: " ";
437 
+	height: 0;
438 
+	width: 0;
439 
+	position: absolute;
440 
+	pointer-events: none;
441 
+	border-left-color: #f0f0f1;
442 
+	top: 50%;
443 
+	margin-top: -8px;
444 
+}
445 
+
446 
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
447 
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
448 
+	display: none;
449 
+}
450 
+
451 
+.folded ul#adminmenu a.wp-has-current-submenu:after,
452 
+.folded ul#adminmenu > li a.current:after {
453 
+	border-width: 4px;
454 
+	margin-top: -4px;
455 
+}
456 
+
457 
+/* flyout menu arrow */
458 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
459 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
460 
+	left: 0;
461 
+	border: 8px solid transparent;
462 
+	content: " ";
463 
+	height: 0;
464 
+	width: 0;
465 
+	position: absolute;
466 
+	pointer-events: none;
467 
+	top: 10px;
468 
+	z-index: 10000;
469 
+}
470 
+
471 
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
472 
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
473 
+	border-width: 4px;
474 
+	margin-top: -4px;
475 
+	top: 18px;
476 
+}
477 
+
478 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
479 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
480 
+	border-left-color: #2c3338;
481 
+}
482 
+
483 
+#adminmenu li.menu-top:hover .wp-menu-image img,
484 
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
485 
+	opacity: 1;
486 
+	filter: alpha(opacity=100);
487 
+}
488 
+
489 
+#adminmenu li.wp-menu-separator {
490 
+	height: 5px;
491 
+	padding: 0;
492 
+	margin: 0 0 6px 0;
493 
+	cursor: inherit;
494 
+}
495 
+
496 
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
497 
+#adminmenu div.separator {
498 
+	height: 2px;
499 
+	padding: 0;
500 
+}
501 
+
502 
+#adminmenu .wp-submenu .wp-submenu-head {
503 
+	color: #fff;
504 
+	font-weight: 400;
505 
+	font-size: 14px;
506 
+	padding: 5px 11px 5px 4px;
507 
+	margin: -7px -5px 4px 0px;
508 
+	border-width: 3px 5px 3px 0;
509 
+	border-style: solid;
510 
+	border-color: transparent;
511 
+}
512 
+
513 
+#adminmenu li.current,
514 
+.folded #adminmenu li.wp-menu-open {
515 
+	border: 0 none;
516 
+}
517 
+
518 
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
519 
+#adminmenu .awaiting-mod,
520 
+#adminmenu .update-plugins {
521 
+	display: inline-block;
522 
+	vertical-align: top;
523 
+	box-sizing: border-box;
524 
+	margin: 1px 2px -1px 0;
525 
+	padding: 0 5px;
526 
+	min-width: 18px;
527 
+	height: 18px;
528 
+	border-radius: 9px;
529 
+	background-color: #d63638;
530 
+	color: #fff;
531 
+	font-size: 11px;
532 
+	line-height: 1.6;
533 
+	text-align: center;
534 
+	z-index: 26;
535 
+}
536 
+
537 
+#adminmenu li.current a .awaiting-mod,
538 
+#adminmenu li a.wp-has-current-submenu .update-plugins {
539 
+	background-color: #d63638;
540 
+	color: #fff;
541 
+}
542 
+
543 
+#adminmenu li span.count-0 {
544 
+	display: none;
545 
+}
546 
+
547 
+#collapse-button {
548 
+	display: block;
549 
+	width: 100%;
550 
+	height: 34px;
551 
+	margin: 0;
552 
+	border: none;
553 
+	padding: 0;
554 
+	position: relative;
555 
+	overflow: visible;
556 
+	background: none;
557 
+	color: #a7aaad;
558 
+	cursor: pointer;
559 
+}
560 
+
561 
+#collapse-button:hover {
562 
+	color: #72aee6;
563 
+}
564 
+
565 
+#collapse-button:focus {
566 
+	color: #72aee6;
567 
+	/* Only visible in Windows High Contrast mode */
568 
+	outline: 1px solid transparent;
569 
+	outline-offset: -1px;
570 
+}
571 
+
572 
+#collapse-button .collapse-button-icon,
573 
+#collapse-button .collapse-button-label {
574 
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
575 
+	display: block;
576 
+	position: absolute;
577 
+	top: 0;
578 
+	right: 0;
579 
+}
580 
+
581 
+#collapse-button .collapse-button-label {
582 
+	top: 8px;
583 
+}
584 
+
585 
+#collapse-button .collapse-button-icon {
586 
+	width: 36px;
587 
+	height: 34px;
588 
+}
589 
+
590 
+#collapse-button .collapse-button-label {
591 
+	padding: 0 36px 0 0;
592 
+}
593 
+
594 
+.folded #collapse-button .collapse-button-label {
595 
+	display: none;
596 
+}
597 
+
598 
+#collapse-button .collapse-button-icon:after {
599 
+	content: "\f148";
600 
+	display: block;
601 
+	position: relative;
602 
+	top: 7px;
603 
+	text-align: center;
604 
+	font: normal 20px/1 dashicons !important;
605 
+	speak: never;
606 
+	-webkit-font-smoothing: antialiased;
607 
+	-moz-osx-font-smoothing: grayscale;
608 
+}
609 
+
610 
+/* rtl:ignore */
611 
+.folded #collapse-button .collapse-button-icon:after,
612 
+.rtl #collapse-button .collapse-button-icon:after {
613 
+	transform: rotate(180deg);
614 
+}
615 
+
616 
+.rtl.folded #collapse-button .collapse-button-icon:after {
617 
+	transform: none;
618 
+}
619 
+
620 
+#collapse-button .collapse-button-icon:after,
621 
+#collapse-button .collapse-button-label {
622 
+	transition: all .1s ease-in-out;
623 
+}
624 
+
625 
+/**
626 
+ * Toolbar menu toggle
627 
+ */
628 
+li#wp-admin-bar-menu-toggle {
629 
+	display: none;
630 
+}
631 
+
632 
+/* Hide-if-customize for items we can't add classes to */
633 
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
634 
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
635 
+	display: none;
636 
+}
637 
+
638 
+/* Auto-folding of the admin menu */
639 
+@media only screen and (max-width: 960px) {
640 
+	.auto-fold #wpcontent,
641 
+	.auto-fold #wpfooter {
642 
+		margin-right: 36px;
643 
+	}
644 
+
645 
+	.auto-fold #adminmenuback,
646 
+	.auto-fold #adminmenuwrap,
647 
+	.auto-fold #adminmenu,
648 
+	.auto-fold #adminmenu li.menu-top {
649 
+		width: 36px;
650 
+	}
651 
+
652 
+	.auto-fold #adminmenu .wp-submenu.sub-open,
653 
+	.auto-fold #adminmenu .opensub .wp-submenu,
654 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
655 
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
656 
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
657 
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
658 
+		top: 0px;
659 
+		right: 36px;
660 
+	}
661 
+
662 
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
663 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
664 
+		position: absolute;
665 
+		top: -1000em;
666 
+		margin-left: -1px;
667 
+		padding: 7px 0 8px;
668 
+		z-index: 9999;
669 
+	}
670 
+
671 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
672 
+		min-width: 150px;
673 
+		width: auto;
674 
+	}
675 
+
676 
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
677 
+		padding-left: 16px;
678 
+		padding-right: 14px;
679 
+	}
680 
+
681 
+
682 
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
683 
+		padding-right: 12px;
684 
+	}
685 
+
686 
+	.auto-fold #adminmenu .wp-menu-name {
687 
+		position: absolute;
688 
+		right: -999px;
689 
+	}
690 
+
691 
+	.auto-fold #adminmenu .wp-submenu-head {
692 
+		display: block;
693 
+	}
694 
+
695 
+	.auto-fold #adminmenu div.wp-menu-image {
696 
+		height: 30px;
697 
+		width: 34px;
698 
+		position: absolute;
699 
+		z-index: 25;
700 
+	}
701 
+
702 
+	.auto-fold #adminmenu a.menu-top {
703 
+		min-height: 34px;
704 
+	}
705 
+
706 
+	.auto-fold #adminmenu li.wp-menu-open {
707 
+		border: 0 none;
708 
+	}
709 
+
710 
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
711 
+		margin-bottom: 0;
712 
+	}
713 
+
714 
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
715 
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
716 
+		display: none;
717 
+	}
718 
+
719 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
720 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
721 
+		border-width: 4px;
722 
+		margin-top: -4px;
723 
+		top: 16px;
724 
+	}
725 
+
726 
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
727 
+	.auto-fold ul#adminmenu > li a.current:after {
728 
+		border-width: 4px;
729 
+		margin-top: -4px;
730 
+	}
731 
+
732 
+	.auto-fold #adminmenu li.menu-top:hover,
733 
+	.auto-fold #adminmenu li.opensub > a.menu-top,
734 
+	.auto-fold #adminmenu li > a.menu-top:focus {
735 
+		z-index: 10000;
736 
+	}
737 
+
738 
+	.auto-fold #collapse-menu .collapse-button-label {
739 
+		display: none;
740 
+	}
741 
+
742 
+	/* rtl:ignore */
743 
+	.auto-fold #collapse-button .collapse-button-icon:after {
744 
+		transform: rotate(180deg);
745 
+	}
746 
+
747 
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
748 
+		transform: none;
749 
+	}
750 
+
751 
+}
752 
+
753 
+@media screen and (max-width: 782px) {
754 
+	.auto-fold #wpcontent {
755 
+		position: relative;
756 
+		margin-right: 0;
757 
+		padding-right: 10px;
758 
+	}
759 
+
760 
+	.sticky-menu #adminmenuwrap {
761 
+		position: relative;
762 
+		z-index: auto;
763 
+		top: 0;
764 
+	}
765 
+
766 
+	/* Sidebar Adjustments */
767 
+	.auto-fold #adminmenu,
768 
+	.auto-fold #adminmenuback,
769 
+	.auto-fold #adminmenuwrap {
770 
+		position: absolute;
771 
+		width: 190px;
772 
+		z-index: 100;
773 
+	}
774 
+
775 
+	.auto-fold #adminmenuback {
776 
+		position: fixed;
777 
+	}
778 
+
779 
+	.auto-fold #adminmenuback,
780 
+	.auto-fold #adminmenuwrap {
781 
+		display: none;
782 
+	}
783 
+
784 
+	.auto-fold .wp-responsive-open #adminmenuback,
785 
+	.auto-fold .wp-responsive-open #adminmenuwrap {
786 
+		display: block;
787 
+	}
788 
+
789 
+	.auto-fold #adminmenu li.menu-top {
790 
+		width: 100%;
791 
+	}
792 
+
793 
+	/* Resize the admin menu items to a comfortable touch size */
794 
+	.auto-fold #adminmenu li a {
795 
+		font-size: 16px;
796 
+		padding: 5px;
797 
+	}
798 
+
799 
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
800 
+		padding: 10px 20px 10px 10px;
801 
+	}
802 
+
803 
+	/* Restore the menu names */
804 
+	.auto-fold #adminmenu .wp-menu-name {
805 
+		position: static;
806 
+	}
807 
+
808 
+	/* Switch the arrow side */
809 
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
810 
+	.auto-fold ul#adminmenu > li.current > a.current:after {
811 
+		border-width: 8px;
812 
+		margin-top: -8px;
813 
+	}
814 
+
815 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
816 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
817 
+		display: none;
818 
+	}
819 
+
820 
+	/* Make the submenus appear correctly when tapped. */
821 
+	#adminmenu .wp-submenu {
822 
+		position: relative;
823 
+		display: none;
824 
+	}
825 
+
826 
+	.auto-fold #adminmenu .selected .wp-submenu,
827 
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
828 
+		position: relative;
829 
+		display: block;
830 
+		top: 0;
831 
+		right: -1px;
832 
+		box-shadow: none;
833 
+	}
834 
+
835 
+	.auto-fold #adminmenu .selected .wp-submenu:after,
836 
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
837 
+		display: none;
838 
+	}
839 
+
840 
+	.auto-fold #adminmenu .opensub .wp-submenu {
841 
+		display: none;
842 
+	}
843 
+
844 
+	.auto-fold #adminmenu .selected .wp-submenu {
845 
+		display: block;
846 
+	}
847 
+
848 
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
849 
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
850 
+		display: block;
851 
+	}
852 
+
853 
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
854 
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
855 
+		position: relative;
856 
+		right: -1px;
857 
+		left: 0;
858 
+		top: 0;
859 
+	}
860 
+
861 
+	#adminmenu .wp-not-current-submenu .wp-submenu,
862 
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
863 
+		border-right: none;
864 
+	}
865 
+
866 
+	/* Remove submenu headers and adjust sub meu*/
867 
+	#adminmenu .wp-submenu .wp-submenu-head {
868 
+		display: none;
869 
+	}
870 
+
871 
+	/* Toolbar menu toggle */
872 
+	#wp-responsive-toggle {
873 
+		position: fixed;
874 
+		top: 5px;
875 
+		right: 4px;
876 
+		padding-left: 10px;
877 
+		z-index: 99999;
878 
+		border: none;
879 
+		box-sizing: border-box;
880 
+	}
881 
+
882 
+	#wpadminbar #wp-admin-bar-menu-toggle a {
883 
+		display: block;
884 
+		padding: 0;
885 
+		overflow: hidden;
886 
+		outline: none;
887 
+		text-decoration: none;
888 
+		border: 1px solid transparent;
889 
+		background: none;
890 
+		height: 44px;
891 
+		margin-right: -1px;
892 
+	}
893 
+
894 
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
895 
+		background: #2c3338;
896 
+	}
897 
+
898 
+	li#wp-admin-bar-menu-toggle {
899 
+		display: block;
900 
+	}
901 
+
902 
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
903 
+		border: 1px solid transparent;
904 
+	}
905 
+
906 
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
907 
+		content: "\f228";
908 
+		display: inline-block;
909 
+		float: right;
910 
+		font: normal 40px/45px dashicons;
911 
+		vertical-align: middle;
912 
+		outline: none;
913 
+		margin: 0;
914 
+		-webkit-font-smoothing: antialiased;
915 
+		-moz-osx-font-smoothing: grayscale;
916 
+		height: 44px;
917 
+		width: 50px;
918 
+		padding: 0;
919 
+		border: none;
920 
+		text-align: center;
921 
+		text-decoration: none;
922 
+		box-sizing: border-box;
923 
+	}
924 
+
925 
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
926 
+		color: #72aee6;
927 
+	}
928 
+}
929 
+
930 
+/* Smartphone */
931 
+@media screen and (max-width: 600px) {
932 
+	#adminmenuwrap,
933 
+	#adminmenuback {
934 
+		display: none;
935 
+	}
936 
+
937 
+	.wp-responsive-open #adminmenuwrap,
938 
+	.wp-responsive-open #adminmenuback {
939 
+		display: block;
940 
+	}
941 
+
942 
+	.auto-fold #adminmenu {
943 
+		top: 46px;
944 
+	}
945 
+}

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


+ 944 - 0
app/wp-admin/css/admin-menu.css
View File 

@@ -0,0 +1,944 @@
1 
+#adminmenuback,
2 
+#adminmenuwrap,
3 
+#adminmenu,
4 
+#adminmenu .wp-submenu {
5 
+	width: 160px;
6 
+	background-color: #1d2327;
7 
+}
8 
+
9 
+#adminmenuback {
10 
+	position: fixed;
11 
+	top: 0;
12 
+	bottom: -120px;
13 
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
14 
+}
15 
+
16 
+.php-error #adminmenuback {
17 
+	position: absolute;
18 
+}
19 
+
20 
+.php-error #adminmenuback,
21 
+.php-error #adminmenuwrap {
22 
+	margin-top: 2em;
23 
+}
24 
+
25 
+#adminmenu {
26 
+	clear: left;
27 
+	margin: 12px 0;
28 
+	padding: 0;
29 
+	list-style: none;
30 
+}
31 
+
32 
+.folded #adminmenuback,
33 
+.folded #adminmenuwrap,
34 
+.folded #adminmenu,
35 
+.folded #adminmenu li.menu-top {
36 
+	width: 36px;
37 
+}
38 
+
39 
+.icon16 {
40 
+	height: 18px;
41 
+	width: 18px;
42 
+	padding: 6px 6px;
43 
+	margin: -6px 0 0 -8px;
44 
+	float: left;
45 
+}
46 
+
47 
+/* New Menu icons */
48 
+
49 
+.icon16:before {
50 
+	color: #8c8f94; /* same as new icons */
51 
+	font: normal 20px/1 dashicons;
52 
+	speak: never;
53 
+	padding: 6px 0;
54 
+	height: 34px;
55 
+	width: 20px;
56 
+	display: inline-block;
57 
+	-webkit-font-smoothing: antialiased;
58 
+	-moz-osx-font-smoothing: grayscale;
59 
+	transition: all .1s ease-in-out;
60 
+}
61 
+
62 
+.icon16.icon-dashboard:before {
63 
+	content: "\f226";
64 
+}
65 
+
66 
+.icon16.icon-post:before {
67 
+	content: "\f109";
68 
+}
69 
+
70 
+.icon16.icon-media:before {
71 
+	content: "\f104";
72 
+}
73 
+
74 
+.icon16.icon-links:before {
75 
+	content: "\f103";
76 
+}
77 
+
78 
+.icon16.icon-page:before {
79 
+	content: "\f105";
80 
+}
81 
+
82 
+.icon16.icon-comments:before {
83 
+	content: "\f101";
84 
+	margin-top: 1px;
85 
+}
86 
+
87 
+.icon16.icon-appearance:before {
88 
+	content: "\f100";
89 
+}
90 
+
91 
+.icon16.icon-plugins:before {
92 
+	content: "\f106";
93 
+}
94 
+
95 
+.icon16.icon-users:before {
96 
+	content: "\f110";
97 
+}
98 
+
99 
+.icon16.icon-tools:before {
100 
+	content: "\f107";
101 
+}
102 
+
103 
+.icon16.icon-settings:before {
104 
+	content: "\f108";
105 
+}
106 
+
107 
+.icon16.icon-site:before {
108 
+	content: "\f541";
109 
+}
110 
+
111 
+.icon16.icon-generic:before {
112 
+	content: "\f111";
113 
+}
114 
+
115 
+/* hide background-image for icons above */
116 
+.icon16.icon-dashboard,
117 
+.menu-icon-dashboard div.wp-menu-image,
118 
+.icon16.icon-post,
119 
+.menu-icon-post div.wp-menu-image,
120 
+.icon16.icon-media,
121 
+.menu-icon-media div.wp-menu-image,
122 
+.icon16.icon-links,
123 
+.menu-icon-links div.wp-menu-image,
124 
+.icon16.icon-page,
125 
+.menu-icon-page div.wp-menu-image,
126 
+.icon16.icon-comments,
127 
+.menu-icon-comments div.wp-menu-image,
128 
+.icon16.icon-appearance,
129 
+.menu-icon-appearance div.wp-menu-image,
130 
+.icon16.icon-plugins,
131 
+.menu-icon-plugins div.wp-menu-image,
132 
+.icon16.icon-users,
133 
+.menu-icon-users div.wp-menu-image,
134 
+.icon16.icon-tools,
135 
+.menu-icon-tools div.wp-menu-image,
136 
+.icon16.icon-settings,
137 
+.menu-icon-settings div.wp-menu-image,
138 
+.icon16.icon-site,
139 
+.menu-icon-site div.wp-menu-image,
140 
+.icon16.icon-generic,
141 
+.menu-icon-generic div.wp-menu-image {
142 
+	background-image: none !important;
143 
+}
144 
+
145 
+/*------------------------------------------------------------------------------
146 
+  7.0 - Main Navigation (Left Menu)
147 
+------------------------------------------------------------------------------*/
148 
+
149 
+#adminmenuwrap {
150 
+	position: relative;
151 
+	float: left;
152 
+	z-index: 9990;
153 
+}
154 
+
155 
+/* side admin menu */
156 
+#adminmenu * {
157 
+	-webkit-user-select: none;
158 
+	user-select: none;
159 
+}
160 
+
161 
+#adminmenu li {
162 
+	margin: 0;
163 
+	padding: 0;
164 
+	cursor: pointer;
165 
+}
166 
+
167 
+#adminmenu a {
168 
+	display: block;
169 
+	line-height: 1.3;
170 
+	padding: 2px 5px;
171 
+	color: #f0f0f1;
172 
+}
173 
+
174 
+#adminmenu .wp-submenu a {
175 
+	color: #c3c4c7;
176 
+	color: rgba(240, 246, 252, 0.7);
177 
+	font-size: 13px;
178 
+	line-height: 1.4;
179 
+	margin: 0;
180 
+	padding: 5px 0;
181 
+}
182 
+
183 
+#adminmenu .wp-submenu a:hover,
184 
+#adminmenu .wp-submenu a:focus {
185 
+	background: none;
186 
+}
187 
+
188 
+#adminmenu a:hover,
189 
+#adminmenu li.menu-top > a:focus,
190 
+#adminmenu .wp-submenu a:hover,
191 
+#adminmenu .wp-submenu a:focus {
192 
+	color: #72aee6;
193 
+}
194 
+
195 
+#adminmenu a:hover,
196 
+#adminmenu a:focus,
197 
+.folded #adminmenu .wp-submenu-head:hover {
198 
+	box-shadow: inset 4px 0 0 0 currentColor;
199 
+	transition: box-shadow .1s linear;
200 
+}
201 
+
202 
+#adminmenu li.menu-top {
203 
+	border: none;
204 
+	min-height: 34px;
205 
+	position: relative;
206 
+}
207 
+
208 
+#adminmenu .wp-submenu {
209 
+	list-style: none;
210 
+	position: absolute;
211 
+	top: -1000em;
212 
+	left: 160px;
213 
+	overflow: visible;
214 
+	word-wrap: break-word;
215 
+	padding: 7px 0 8px;
216 
+	z-index: 9999;
217 
+	background-color: #2c3338;
218 
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
219 
+}
220 
+
221 
+.js #adminmenu .sub-open,
222 
+.js #adminmenu .opensub .wp-submenu,
223 
+#adminmenu a.menu-top:focus + .wp-submenu,
224 
+.no-js li.wp-has-submenu:hover .wp-submenu {
225 
+	top: -1px;
226 
+}
227 
+
228 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
229 
+	top: 0;
230 
+}
231 
+
232 
+#adminmenu .wp-has-current-submenu .wp-submenu,
233 
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
234 
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
235 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
236 
+	position: relative;
237 
+	z-index: 3;
238 
+	top: auto;
239 
+	left: auto;
240 
+	right: auto;
241 
+	bottom: auto;
242 
+	border: 0 none;
243 
+	margin-top: 0;
244 
+	box-shadow: none;
245 
+}
246 
+
247 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
248 
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
249 
+}
250 
+
251 
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
252 
+#adminmenu li.menu-top:hover,
253 
+#adminmenu li.opensub > a.menu-top,
254 
+#adminmenu li > a.menu-top:focus {
255 
+	position: relative;
256 
+	background-color: #1d2327;
257 
+	color: #72aee6;
258 
+}
259 
+
260 
+.folded #adminmenu li.menu-top:hover,
261 
+.folded #adminmenu li.opensub > a.menu-top,
262 
+.folded #adminmenu li > a.menu-top:focus {
263 
+	z-index: 10000;
264 
+}
265 
+
266 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
267 
+#adminmenu li.current a.menu-top,
268 
+#adminmenu .wp-menu-arrow,
269 
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
270 
+#adminmenu .wp-menu-arrow div {
271 
+	background: #2271b1;
272 
+	color: #fff;
273 
+}
274 
+
275 
+.folded #adminmenu .wp-submenu.sub-open,
276 
+.folded #adminmenu .opensub .wp-submenu,
277 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
278 
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
279 
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
280 
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
281 
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
282 
+	top: 0;
283 
+	left: 36px;
284 
+}
285 
+
286 
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
287 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
288 
+	position: absolute;
289 
+	top: -1000em;
290 
+}
291 
+
292 
+#adminmenu .wp-not-current-submenu .wp-submenu,
293 
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
294 
+	min-width: 160px;
295 
+	width: auto;
296 
+	border-left: 5px solid transparent;
297 
+}
298 
+
299 
+#adminmenu .wp-submenu li.current,
300 
+#adminmenu .wp-submenu li.current a,
301 
+#adminmenu .opensub .wp-submenu li.current a,
302 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
303 
+#adminmenu .wp-submenu li.current a:hover,
304 
+#adminmenu .wp-submenu li.current a:focus {
305 
+	color: #fff;
306 
+}
307 
+
308 
+#adminmenu .wp-not-current-submenu li > a,
309 
+.folded #adminmenu .wp-has-current-submenu li > a {
310 
+	padding-right: 16px;
311 
+	padding-left: 14px;
312 
+	/* Exclude from the transition the outline for Windows High Contrast mode */
313 
+	transition: all .1s ease-in-out, outline 0s;
314 
+}
315 
+
316 
+#adminmenu .wp-has-current-submenu ul > li > a,
317 
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
318 
+	padding: 5px 12px;
319 
+}
320 
+
321 
+#adminmenu a.menu-top,
322 
+#adminmenu .wp-submenu-head {
323 
+	font-size: 14px;
324 
+	font-weight: 400;
325 
+	line-height: 1.3;
326 
+	padding: 0;
327 
+}
328 
+
329 
+#adminmenu .wp-submenu-head {
330 
+	display: none;
331 
+}
332 
+
333 
+.folded #adminmenu .wp-menu-name {
334 
+	position: absolute;
335 
+	left: -999px;
336 
+}
337 
+
338 
+.folded #adminmenu .wp-submenu-head {
339 
+	display: block;
340 
+}
341 
+
342 
+#adminmenu .wp-submenu li {
343 
+	padding: 0;
344 
+	margin: 0;
345 
+}
346 
+
347 
+#adminmenu .wp-menu-image img {
348 
+	padding: 9px 0 0 0;
349 
+	opacity: 0.6;
350 
+	filter: alpha(opacity=60);
351 
+}
352 
+
353 
+#adminmenu div.wp-menu-name {
354 
+	padding: 8px 8px 8px 36px;
355 
+	overflow-wrap: break-word;
356 
+	word-wrap: break-word;
357 
+	-ms-word-break: break-all;
358 
+	word-break: break-word;
359 
+	-webkit-hyphens: auto;
360 
+	hyphens: auto;
361 
+}
362 
+
363 
+#adminmenu div.wp-menu-image {
364 
+	float: left;
365 
+	width: 36px;
366 
+	height: 34px;
367 
+	margin: 0;
368 
+	text-align: center;
369 
+}
370 
+
371 
+#adminmenu div.wp-menu-image.svg {
372 
+	background-repeat: no-repeat;
373 
+	background-position: center;
374 
+	background-size: 20px auto;
375 
+}
376 
+
377 
+div.wp-menu-image:before {
378 
+	color: #a7aaad;
379 
+	color: rgba(240, 246, 252, 0.6);
380 
+	padding: 7px 0;
381 
+	transition: all .1s ease-in-out;
382 
+}
383 
+
384 
+#adminmenu div.wp-menu-image:before {
385 
+	color: #a7aaad;
386 
+	color: rgba(240, 246, 252, 0.6);
387 
+}
388 
+
389 
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
390 
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
391 
+#adminmenu .current div.wp-menu-image:before,
392 
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
393 
+#adminmenu a.current:hover div.wp-menu-image:before,
394 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
395 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
396 
+	color: #fff;
397 
+}
398 
+
399 
+#adminmenu li:hover div.wp-menu-image:before,
400 
+#adminmenu li a:focus div.wp-menu-image:before,
401 
+#adminmenu li.opensub div.wp-menu-image:before {
402 
+	color: #72aee6;
403 
+}
404 
+
405 
+.folded #adminmenu div.wp-menu-image {
406 
+	width: 35px;
407 
+	height: 30px;
408 
+	position: absolute;
409 
+	z-index: 25;
410 
+}
411 
+
412 
+.folded #adminmenu a.menu-top {
413 
+	height: 34px;
414 
+}
415 
+
416 
+/* Sticky admin menu */
417 
+.sticky-menu #adminmenuwrap {
418 
+	position: fixed;
419 
+}
420 
+
421 
+/* A new arrow */
422 
+
423 
+.wp-menu-arrow {
424 
+	display: none !important;
425 
+}
426 
+
427 
+ul#adminmenu a.wp-has-current-submenu {
428 
+	position: relative;
429 
+}
430 
+
431 
+ul#adminmenu a.wp-has-current-submenu:after,
432 
+ul#adminmenu > li.current > a.current:after {
433 
+	right: 0;
434 
+	border: solid 8px transparent;
435 
+	content: " ";
436 
+	height: 0;
437 
+	width: 0;
438 
+	position: absolute;
439 
+	pointer-events: none;
440 
+	border-right-color: #f0f0f1;
441 
+	top: 50%;
442 
+	margin-top: -8px;
443 
+}
444 
+
445 
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
446 
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
447 
+	display: none;
448 
+}
449 
+
450 
+.folded ul#adminmenu a.wp-has-current-submenu:after,
451 
+.folded ul#adminmenu > li a.current:after {
452 
+	border-width: 4px;
453 
+	margin-top: -4px;
454 
+}
455 
+
456 
+/* flyout menu arrow */
457 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
458 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
459 
+	right: 0;
460 
+	border: 8px solid transparent;
461 
+	content: " ";
462 
+	height: 0;
463 
+	width: 0;
464 
+	position: absolute;
465 
+	pointer-events: none;
466 
+	top: 10px;
467 
+	z-index: 10000;
468 
+}
469 
+
470 
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
471 
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
472 
+	border-width: 4px;
473 
+	margin-top: -4px;
474 
+	top: 18px;
475 
+}
476 
+
477 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
478 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
479 
+	border-right-color: #2c3338;
480 
+}
481 
+
482 
+#adminmenu li.menu-top:hover .wp-menu-image img,
483 
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
484 
+	opacity: 1;
485 
+	filter: alpha(opacity=100);
486 
+}
487 
+
488 
+#adminmenu li.wp-menu-separator {
489 
+	height: 5px;
490 
+	padding: 0;
491 
+	margin: 0 0 6px 0;
492 
+	cursor: inherit;
493 
+}
494 
+
495 
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
496 
+#adminmenu div.separator {
497 
+	height: 2px;
498 
+	padding: 0;
499 
+}
500 
+
501 
+#adminmenu .wp-submenu .wp-submenu-head {
502 
+	color: #fff;
503 
+	font-weight: 400;
504 
+	font-size: 14px;
505 
+	padding: 5px 4px 5px 11px;
506 
+	margin: -7px 0px 4px -5px;
507 
+	border-width: 3px 0 3px 5px;
508 
+	border-style: solid;
509 
+	border-color: transparent;
510 
+}
511 
+
512 
+#adminmenu li.current,
513 
+.folded #adminmenu li.wp-menu-open {
514 
+	border: 0 none;
515 
+}
516 
+
517 
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
518 
+#adminmenu .awaiting-mod,
519 
+#adminmenu .update-plugins {
520 
+	display: inline-block;
521 
+	vertical-align: top;
522 
+	box-sizing: border-box;
523 
+	margin: 1px 0 -1px 2px;
524 
+	padding: 0 5px;
525 
+	min-width: 18px;
526 
+	height: 18px;
527 
+	border-radius: 9px;
528 
+	background-color: #d63638;
529 
+	color: #fff;
530 
+	font-size: 11px;
531 
+	line-height: 1.6;
532 
+	text-align: center;
533 
+	z-index: 26;
534 
+}
535 
+
536 
+#adminmenu li.current a .awaiting-mod,
537 
+#adminmenu li a.wp-has-current-submenu .update-plugins {
538 
+	background-color: #d63638;
539 
+	color: #fff;
540 
+}
541 
+
542 
+#adminmenu li span.count-0 {
543 
+	display: none;
544 
+}
545 
+
546 
+#collapse-button {
547 
+	display: block;
548 
+	width: 100%;
549 
+	height: 34px;
550 
+	margin: 0;
551 
+	border: none;
552 
+	padding: 0;
553 
+	position: relative;
554 
+	overflow: visible;
555 
+	background: none;
556 
+	color: #a7aaad;
557 
+	cursor: pointer;
558 
+}
559 
+
560 
+#collapse-button:hover {
561 
+	color: #72aee6;
562 
+}
563 
+
564 
+#collapse-button:focus {
565 
+	color: #72aee6;
566 
+	/* Only visible in Windows High Contrast mode */
567 
+	outline: 1px solid transparent;
568 
+	outline-offset: -1px;
569 
+}
570 
+
571 
+#collapse-button .collapse-button-icon,
572 
+#collapse-button .collapse-button-label {
573 
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
574 
+	display: block;
575 
+	position: absolute;
576 
+	top: 0;
577 
+	left: 0;
578 
+}
579 
+
580 
+#collapse-button .collapse-button-label {
581 
+	top: 8px;
582 
+}
583 
+
584 
+#collapse-button .collapse-button-icon {
585 
+	width: 36px;
586 
+	height: 34px;
587 
+}
588 
+
589 
+#collapse-button .collapse-button-label {
590 
+	padding: 0 0 0 36px;
591 
+}
592 
+
593 
+.folded #collapse-button .collapse-button-label {
594 
+	display: none;
595 
+}
596 
+
597 
+#collapse-button .collapse-button-icon:after {
598 
+	content: "\f148";
599 
+	display: block;
600 
+	position: relative;
601 
+	top: 7px;
602 
+	text-align: center;
603 
+	font: normal 20px/1 dashicons !important;
604 
+	speak: never;
605 
+	-webkit-font-smoothing: antialiased;
606 
+	-moz-osx-font-smoothing: grayscale;
607 
+}
608 
+
609 
+/* rtl:ignore */
610 
+.folded #collapse-button .collapse-button-icon:after,
611 
+.rtl #collapse-button .collapse-button-icon:after {
612 
+	transform: rotate(180deg);
613 
+}
614 
+
615 
+.rtl.folded #collapse-button .collapse-button-icon:after {
616 
+	transform: none;
617 
+}
618 
+
619 
+#collapse-button .collapse-button-icon:after,
620 
+#collapse-button .collapse-button-label {
621 
+	transition: all .1s ease-in-out;
622 
+}
623 
+
624 
+/**
625 
+ * Toolbar menu toggle
626 
+ */
627 
+li#wp-admin-bar-menu-toggle {
628 
+	display: none;
629 
+}
630 
+
631 
+/* Hide-if-customize for items we can't add classes to */
632 
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
633 
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
634 
+	display: none;
635 
+}
636 
+
637 
+/* Auto-folding of the admin menu */
638 
+@media only screen and (max-width: 960px) {
639 
+	.auto-fold #wpcontent,
640 
+	.auto-fold #wpfooter {
641 
+		margin-left: 36px;
642 
+	}
643 
+
644 
+	.auto-fold #adminmenuback,
645 
+	.auto-fold #adminmenuwrap,
646 
+	.auto-fold #adminmenu,
647 
+	.auto-fold #adminmenu li.menu-top {
648 
+		width: 36px;
649 
+	}
650 
+
651 
+	.auto-fold #adminmenu .wp-submenu.sub-open,
652 
+	.auto-fold #adminmenu .opensub .wp-submenu,
653 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
654 
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
655 
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
656 
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
657 
+		top: 0px;
658 
+		left: 36px;
659 
+	}
660 
+
661 
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
662 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
663 
+		position: absolute;
664 
+		top: -1000em;
665 
+		margin-right: -1px;
666 
+		padding: 7px 0 8px;
667 
+		z-index: 9999;
668 
+	}
669 
+
670 
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
671 
+		min-width: 150px;
672 
+		width: auto;
673 
+	}
674 
+
675 
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
676 
+		padding-right: 16px;
677 
+		padding-left: 14px;
678 
+	}
679 
+
680 
+
681 
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
682 
+		padding-left: 12px;
683 
+	}
684 
+
685 
+	.auto-fold #adminmenu .wp-menu-name {
686 
+		position: absolute;
687 
+		left: -999px;
688 
+	}
689 
+
690 
+	.auto-fold #adminmenu .wp-submenu-head {
691 
+		display: block;
692 
+	}
693 
+
694 
+	.auto-fold #adminmenu div.wp-menu-image {
695 
+		height: 30px;
696 
+		width: 34px;
697 
+		position: absolute;
698 
+		z-index: 25;
699 
+	}
700 
+
701 
+	.auto-fold #adminmenu a.menu-top {
702 
+		min-height: 34px;
703 
+	}
704 
+
705 
+	.auto-fold #adminmenu li.wp-menu-open {
706 
+		border: 0 none;
707 
+	}
708 
+
709 
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
710 
+		margin-bottom: 0;
711 
+	}
712 
+
713 
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
714 
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
715 
+		display: none;
716 
+	}
717 
+
718 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
719 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
720 
+		border-width: 4px;
721 
+		margin-top: -4px;
722 
+		top: 16px;
723 
+	}
724 
+
725 
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
726 
+	.auto-fold ul#adminmenu > li a.current:after {
727 
+		border-width: 4px;
728 
+		margin-top: -4px;
729 
+	}
730 
+
731 
+	.auto-fold #adminmenu li.menu-top:hover,
732 
+	.auto-fold #adminmenu li.opensub > a.menu-top,
733 
+	.auto-fold #adminmenu li > a.menu-top:focus {
734 
+		z-index: 10000;
735 
+	}
736 
+
737 
+	.auto-fold #collapse-menu .collapse-button-label {
738 
+		display: none;
739 
+	}
740 
+
741 
+	/* rtl:ignore */
742 
+	.auto-fold #collapse-button .collapse-button-icon:after {
743 
+		transform: rotate(180deg);
744 
+	}
745 
+
746 
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
747 
+		transform: none;
748 
+	}
749 
+
750 
+}
751 
+
752 
+@media screen and (max-width: 782px) {
753 
+	.auto-fold #wpcontent {
754 
+		position: relative;
755 
+		margin-left: 0;
756 
+		padding-left: 10px;
757 
+	}
758 
+
759 
+	.sticky-menu #adminmenuwrap {
760 
+		position: relative;
761 
+		z-index: auto;
762 
+		top: 0;
763 
+	}
764 
+
765 
+	/* Sidebar Adjustments */
766 
+	.auto-fold #adminmenu,
767 
+	.auto-fold #adminmenuback,
768 
+	.auto-fold #adminmenuwrap {
769 
+		position: absolute;
770 
+		width: 190px;
771 
+		z-index: 100;
772 
+	}
773 
+
774 
+	.auto-fold #adminmenuback {
775 
+		position: fixed;
776 
+	}
777 
+
778 
+	.auto-fold #adminmenuback,
779 
+	.auto-fold #adminmenuwrap {
780 
+		display: none;
781 
+	}
782 
+
783 
+	.auto-fold .wp-responsive-open #adminmenuback,
784 
+	.auto-fold .wp-responsive-open #adminmenuwrap {
785 
+		display: block;
786 
+	}
787 
+
788 
+	.auto-fold #adminmenu li.menu-top {
789 
+		width: 100%;
790 
+	}
791 
+
792 
+	/* Resize the admin menu items to a comfortable touch size */
793 
+	.auto-fold #adminmenu li a {
794 
+		font-size: 16px;
795 
+		padding: 5px;
796 
+	}
797 
+
798 
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
799 
+		padding: 10px 10px 10px 20px;
800 
+	}
801 
+
802 
+	/* Restore the menu names */
803 
+	.auto-fold #adminmenu .wp-menu-name {
804 
+		position: static;
805 
+	}
806 
+
807 
+	/* Switch the arrow side */
808 
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
809 
+	.auto-fold ul#adminmenu > li.current > a.current:after {
810 
+		border-width: 8px;
811 
+		margin-top: -8px;
812 
+	}
813 
+
814 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
815 
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
816 
+		display: none;
817 
+	}
818 
+
819 
+	/* Make the submenus appear correctly when tapped. */
820 
+	#adminmenu .wp-submenu {
821 
+		position: relative;
822 
+		display: none;
823 
+	}
824 
+
825 
+	.auto-fold #adminmenu .selected .wp-submenu,
826 
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
827 
+		position: relative;
828 
+		display: block;
829 
+		top: 0;
830 
+		left: -1px;
831 
+		box-shadow: none;
832 
+	}
833 
+
834 
+	.auto-fold #adminmenu .selected .wp-submenu:after,
835 
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
836 
+		display: none;
837 
+	}
838 
+
839 
+	.auto-fold #adminmenu .opensub .wp-submenu {
840 
+		display: none;
841 
+	}
842 
+
843 
+	.auto-fold #adminmenu .selected .wp-submenu {
844 
+		display: block;
845 
+	}
846 
+
847 
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
848 
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
849 
+		display: block;
850 
+	}
851 
+
852 
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
853 
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
854 
+		position: relative;
855 
+		left: -1px;
856 
+		right: 0;
857 
+		top: 0;
858 
+	}
859 
+
860 
+	#adminmenu .wp-not-current-submenu .wp-submenu,
861 
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
862 
+		border-left: none;
863 
+	}
864 
+
865 
+	/* Remove submenu headers and adjust sub meu*/
866 
+	#adminmenu .wp-submenu .wp-submenu-head {
867 
+		display: none;
868 
+	}
869 
+
870 
+	/* Toolbar menu toggle */
871 
+	#wp-responsive-toggle {
872 
+		position: fixed;
873 
+		top: 5px;
874 
+		left: 4px;
875 
+		padding-right: 10px;
876 
+		z-index: 99999;
877 
+		border: none;
878 
+		box-sizing: border-box;
879 
+	}
880 
+
881 
+	#wpadminbar #wp-admin-bar-menu-toggle a {
882 
+		display: block;
883 
+		padding: 0;
884 
+		overflow: hidden;
885 
+		outline: none;
886 
+		text-decoration: none;
887 
+		border: 1px solid transparent;
888 
+		background: none;
889 
+		height: 44px;
890 
+		margin-left: -1px;
891 
+	}
892 
+
893 
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
894 
+		background: #2c3338;
895 
+	}
896 
+
897 
+	li#wp-admin-bar-menu-toggle {
898 
+		display: block;
899 
+	}
900 
+
901 
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
902 
+		border: 1px solid transparent;
903 
+	}
904 
+
905 
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
906 
+		content: "\f228";
907 
+		display: inline-block;
908 
+		float: left;
909 
+		font: normal 40px/45px dashicons;
910 
+		vertical-align: middle;
911 
+		outline: none;
912 
+		margin: 0;
913 
+		-webkit-font-smoothing: antialiased;
914 
+		-moz-osx-font-smoothing: grayscale;
915 
+		height: 44px;
916 
+		width: 50px;
917 
+		padding: 0;
918 
+		border: none;
919 
+		text-align: center;
920 
+		text-decoration: none;
921 
+		box-sizing: border-box;
922 
+	}
923 
+
924 
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
925 
+		color: #72aee6;
926 
+	}
927 
+}
928 
+
929 
+/* Smartphone */
930 
+@media screen and (max-width: 600px) {
931 
+	#adminmenuwrap,
932 
+	#adminmenuback {
933 
+		display: none;
934 
+	}
935 
+
936 
+	.wp-responsive-open #adminmenuwrap,
937 
+	.wp-responsive-open #adminmenuback {
938 
+		display: block;
939 
+	}
940 
+
941 
+	.auto-fold #adminmenu {
942 
+		top: 46px;
943 
+	}
944 
+}

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


+ 77 - 0
app/wp-admin/css/code-editor-rtl.css
View File 

@@ -0,0 +1,77 @@
1 
+/*! This file is auto-generated */
2 
+.wrap [class*="CodeMirror-lint-marker"],
3 
+.wp-core-ui [class*="CodeMirror-lint-message"],
4 
+.wrap .CodeMirror-lint-marker-multiple {
5 
+	background-image: none;
6 
+}
7 
+
8 
+.wp-core-ui .CodeMirror-lint-marker-error,
9 
+.wp-core-ui .CodeMirror-lint-marker-warning {
10 
+	cursor: help;
11 
+}
12 
+
13 
+.wrap .CodeMirror-lint-marker-multiple {
14 
+	position: absolute;
15 
+	top: 0;
16 
+}
17 
+
18 
+.wrap [class*="CodeMirror-lint-marker"]:before {
19 
+	font: normal 18px/1 dashicons;
20 
+	position: relative;
21 
+	top: -2px;
22 
+}
23 
+
24 
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
25 
+	font: normal 16px/1 dashicons;
26 
+	right: 16px;
27 
+	position: absolute;
28 
+}
29 
+
30 
+.wp-core-ui .CodeMirror-lint-message-error,
31 
+.wp-core-ui .CodeMirror-lint-message-warning {
32 
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
33 
+	margin: 5px 0 2px;
34 
+	padding: 3px 28px 3px 12px;
35 
+}
36 
+
37 
+.wp-core-ui .CodeMirror-lint-message-warning {
38 
+	background-color: #fcf9e8;
39 
+	border-right: 4px solid #dba617;
40 
+}
41 
+
42 
+.wrap .CodeMirror-lint-marker-warning:before,
43 
+.wp-core-ui .CodeMirror-lint-message-warning:before {
44 
+	content: "\f534";
45 
+	color: #dba617;
46 
+}
47 
+
48 
+.wp-core-ui .CodeMirror-lint-message-error {
49 
+	background-color: #fcf0f1;
50 
+	border-right: 4px solid #d63638;
51 
+}
52 
+
53 
+.wrap .CodeMirror-lint-marker-error:before,
54 
+.wp-core-ui .CodeMirror-lint-message-error:before {
55 
+	content: "\f153";
56 
+	color: #d63638;
57 
+}
58 
+
59 
+.wp-core-ui .CodeMirror-lint-tooltip {
60 
+	background: none;
61 
+	border: none;
62 
+	border-radius: 0;
63 
+	direction: rtl;
64 
+}
65 
+
66 
+.wrap .CodeMirror .CodeMirror-matchingbracket {
67 
+	background: rgba(219, 166, 23, 0.3);
68 
+	color: inherit;
69 
+}
70 
+
71 
+.CodeMirror {
72 
+	text-align: right;
73 
+}
74 
+
75 
+.wrap .CodeMirror .CodeMirror-linenumber {
76 
+	color: #646970;
77 
+}

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


+ 76 - 0
app/wp-admin/css/code-editor.css
View File 

@@ -0,0 +1,76 @@
1 
+.wrap [class*="CodeMirror-lint-marker"],
2 
+.wp-core-ui [class*="CodeMirror-lint-message"],
3 
+.wrap .CodeMirror-lint-marker-multiple {
4 
+	background-image: none;
5 
+}
6 
+
7 
+.wp-core-ui .CodeMirror-lint-marker-error,
8 
+.wp-core-ui .CodeMirror-lint-marker-warning {
9 
+	cursor: help;
10 
+}
11 
+
12 
+.wrap .CodeMirror-lint-marker-multiple {
13 
+	position: absolute;
14 
+	top: 0;
15 
+}
16 
+
17 
+.wrap [class*="CodeMirror-lint-marker"]:before {
18 
+	font: normal 18px/1 dashicons;
19 
+	position: relative;
20 
+	top: -2px;
21 
+}
22 
+
23 
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
24 
+	font: normal 16px/1 dashicons;
25 
+	left: 16px;
26 
+	position: absolute;
27 
+}
28 
+
29 
+.wp-core-ui .CodeMirror-lint-message-error,
30 
+.wp-core-ui .CodeMirror-lint-message-warning {
31 
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
32 
+	margin: 5px 0 2px;
33 
+	padding: 3px 12px 3px 28px;
34 
+}
35 
+
36 
+.wp-core-ui .CodeMirror-lint-message-warning {
37 
+	background-color: #fcf9e8;
38 
+	border-left: 4px solid #dba617;
39 
+}
40 
+
41 
+.wrap .CodeMirror-lint-marker-warning:before,
42 
+.wp-core-ui .CodeMirror-lint-message-warning:before {
43 
+	content: "\f534";
44 
+	color: #dba617;
45 
+}
46 
+
47 
+.wp-core-ui .CodeMirror-lint-message-error {
48 
+	background-color: #fcf0f1;
49 
+	border-left: 4px solid #d63638;
50 
+}
51 
+
52 
+.wrap .CodeMirror-lint-marker-error:before,
53 
+.wp-core-ui .CodeMirror-lint-message-error:before {
54 
+	content: "\f153";
55 
+	color: #d63638;
56 
+}
57 
+
58 
+.wp-core-ui .CodeMirror-lint-tooltip {
59 
+	background: none;
60 
+	border: none;
61 
+	border-radius: 0;
62 
+	direction: ltr;
63 
+}
64 
+
65 
+.wrap .CodeMirror .CodeMirror-matchingbracket {
66 
+	background: rgba(219, 166, 23, 0.3);
67 
+	color: inherit;
68 
+}
69 
+
70 
+.CodeMirror {
71 
+	text-align: left;
72 
+}
73 
+
74 
+.wrap .CodeMirror .CodeMirror-linenumber {
75 
+	color: #646970;
76 
+}

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


+ 183 - 0
app/wp-admin/css/color-picker-rtl.css
View File 

@@ -0,0 +1,183 @@
1 
+/*! This file is auto-generated */
2 
+/* rtl:ignore */
3 
+.wp-color-picker {
4 
+	width: 80px;
5 
+	direction: ltr;
6 
+}
7 
+
8 
+.wp-picker-container .hidden {
9 
+	display: none;
10 
+}
11 
+
12 
+/* Needs higher specificiity. */
13 
+.wp-picker-container .wp-color-result.button {
14 
+	min-height: 30px;
15 
+	margin: 0 0px 6px 6px;
16 
+	padding: 0 30px 0 0;
17 
+	font-size: 11px;
18 
+}
19 
+
20 
+.wp-color-result-text {
21 
+	background: #f6f7f7;
22 
+	border-radius: 2px 0 0 2px;
23 
+	border-right: 1px solid #c3c4c7;
24 
+	color: #50575e;
25 
+	display: block;
26 
+	line-height: 2.54545455; /* 28px */
27 
+	padding: 0 6px;
28 
+	text-align: center;
29 
+}
30 
+
31 
+.wp-color-result:hover,
32 
+.wp-color-result:focus {
33 
+	background: #f6f7f7;
34 
+	border-color: #8c8f94;
35 
+	color: #1d2327;
36 
+}
37 
+
38 
+.wp-color-result:hover:after,
39 
+.wp-color-result:focus:after {
40 
+	color: #1d2327;
41 
+	border-color: #a7aaad;
42 
+	border-right: 1px solid #8c8f94;
43 
+}
44 
+
45 
+.wp-picker-container {
46 
+	display: inline-block;
47 
+}
48 
+
49 
+.wp-color-result:focus {
50 
+	border-color: #4f94d4;
51 
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
52 
+}
53 
+
54 
+.wp-color-result:active {
55 
+	/* See Trac ticket #39662 */
56 
+	transform: none !important;
57 
+}
58 
+
59 
+.wp-picker-open + .wp-picker-input-wrap {
60 
+	display: inline-block;
61 
+	vertical-align: top;
62 
+}
63 
+
64 
+.wp-picker-input-wrap label {
65 
+	display: inline-block;
66 
+	vertical-align: top;
67 
+}
68 
+
69 
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
70 
+.form-table .wp-picker-input-wrap label {
71 
+	margin: 0 !important;
72 
+}
73 
+
74 
+.wp-picker-input-wrap .button.wp-picker-default,
75 
+.wp-picker-input-wrap .button.wp-picker-clear,
76 
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
77 
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
78 
+	margin-right: 6px;
79 
+	padding: 0 8px;
80 
+	line-height: 2.54545455; /* 28px */
81 
+	min-height: 30px;
82 
+}
83 
+
84 
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
85 
+	background-color: #50575e
86 
+}
87 
+
88 
+.wp-picker-container .iris-picker {
89 
+	border-radius: 0;
90 
+	border-color: #dcdcde;
91 
+	margin-top: 6px;
92 
+}
93 
+
94 
+.wp-picker-container input[type="text"].wp-color-picker {
95 
+	width: 4rem;
96 
+	font-size: 12px;
97 
+	font-family: monospace;
98 
+	line-height: 2.33333333; /* 28px */
99 
+	margin: 0;
100 
+	padding: 0 5px;
101 
+	vertical-align: top;
102 
+	min-height: 30px;
103 
+}
104 
+
105 
+.wp-color-picker::-webkit-input-placeholder {
106 
+	color: #646970;
107 
+}
108 
+
109 
+.wp-color-picker::-moz-placeholder {
110 
+	color: #646970;
111 
+	opacity: 1;
112 
+}
113 
+
114 
+.wp-color-picker:-ms-input-placeholder {
115 
+	color: #646970;
116 
+}
117 
+
118 
+.wp-picker-container input[type="text"].iris-error {
119 
+	background-color: #fcf0f1;
120 
+	border-color: #d63638;
121 
+	color: #000;
122 
+}
123 
+
124 
+.iris-picker .ui-square-handle:focus,
125 
+.iris-picker .iris-strip .ui-slider-handle:focus {
126 
+	border-color: #3582c4;
127 
+	border-style: solid;
128 
+	box-shadow: 0 0 0 1px #3582c4;
129 
+	outline: 2px solid transparent;
130 
+}
131 
+
132 
+.iris-picker .iris-palette:focus {
133 
+	box-shadow: 0 0 0 2px #3582c4;
134 
+}
135 
+
136 
+@media screen and (max-width: 782px) {
137 
+	.wp-picker-container input[type="text"].wp-color-picker {
138 
+		width: 5rem;
139 
+		font-size: 16px;
140 
+		line-height: 1.875; /* 30px */
141 
+		min-height: 32px;
142 
+	}
143 
+
144 
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
145 
+		padding: 0 5px;
146 
+	}
147 
+
148 
+	.wp-picker-input-wrap .button.wp-picker-default,
149 
+	.wp-picker-input-wrap .button.wp-picker-clear {
150 
+		padding: 0 8px;
151 
+		line-height: 2.14285714; /* 30px */
152 
+		min-height: 32px;
153 
+	}
154 
+
155 
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
156 
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
157 
+		padding: 0 8px;
158 
+		font-size: 14px;
159 
+		line-height: 2.14285714; /* 30px */
160 
+		min-height: 32px;
161 
+	}
162 
+
163 
+	.wp-picker-container .wp-color-result.button {
164 
+		padding: 0 40px 0 0;
165 
+		font-size: 14px;
166 
+		line-height: 2.14285714; /* 30px */
167 
+	}
168 
+
169 
+	.wp-customizer .wp-picker-container .wp-color-result.button {
170 
+		font-size: 14px;
171 
+		line-height: 2.14285714; /* 30px */
172 
+	}
173 
+
174 
+	.wp-picker-container .wp-color-result-text {
175 
+		padding: 0 14px;
176 
+		font-size: inherit;
177 
+		line-height: inherit;
178 
+	}
179 
+
180 
+	.wp-customizer .wp-picker-container .wp-color-result-text {
181 
+		padding: 0 10px;
182 
+	}
183 
+}

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


+ 182 - 0
app/wp-admin/css/color-picker.css
View File 

@@ -0,0 +1,182 @@
1 
+/* rtl:ignore */
2 
+.wp-color-picker {
3 
+	width: 80px;
4 
+	direction: ltr;
5 
+}
6 
+
7 
+.wp-picker-container .hidden {
8 
+	display: none;
9 
+}
10 
+
11 
+/* Needs higher specificiity. */
12 
+.wp-picker-container .wp-color-result.button {
13 
+	min-height: 30px;
14 
+	margin: 0 6px 6px 0px;
15 
+	padding: 0 0 0 30px;
16 
+	font-size: 11px;
17 
+}
18 
+
19 
+.wp-color-result-text {
20 
+	background: #f6f7f7;
21 
+	border-radius: 0 2px 2px 0;
22 
+	border-left: 1px solid #c3c4c7;
23 
+	color: #50575e;
24 
+	display: block;
25 
+	line-height: 2.54545455; /* 28px */
26 
+	padding: 0 6px;
27 
+	text-align: center;
28 
+}
29 
+
30 
+.wp-color-result:hover,
31 
+.wp-color-result:focus {
32 
+	background: #f6f7f7;
33 
+	border-color: #8c8f94;
34 
+	color: #1d2327;
35 
+}
36 
+
37 
+.wp-color-result:hover:after,
38 
+.wp-color-result:focus:after {
39 
+	color: #1d2327;
40 
+	border-color: #a7aaad;
41 
+	border-left: 1px solid #8c8f94;
42 
+}
43 
+
44 
+.wp-picker-container {
45 
+	display: inline-block;
46 
+}
47 
+
48 
+.wp-color-result:focus {
49 
+	border-color: #4f94d4;
50 
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
51 
+}
52 
+
53 
+.wp-color-result:active {
54 
+	/* See Trac ticket #39662 */
55 
+	transform: none !important;
56 
+}
57 
+
58 
+.wp-picker-open + .wp-picker-input-wrap {
59 
+	display: inline-block;
60 
+	vertical-align: top;
61 
+}
62 
+
63 
+.wp-picker-input-wrap label {
64 
+	display: inline-block;
65 
+	vertical-align: top;
66 
+}
67 
+
68 
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
69 
+.form-table .wp-picker-input-wrap label {
70 
+	margin: 0 !important;
71 
+}
72 
+
73 
+.wp-picker-input-wrap .button.wp-picker-default,
74 
+.wp-picker-input-wrap .button.wp-picker-clear,
75 
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
76 
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
77 
+	margin-left: 6px;
78 
+	padding: 0 8px;
79 
+	line-height: 2.54545455; /* 28px */
80 
+	min-height: 30px;
81 
+}
82 
+
83 
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
84 
+	background-color: #50575e
85 
+}
86 
+
87 
+.wp-picker-container .iris-picker {
88 
+	border-radius: 0;
89 
+	border-color: #dcdcde;
90 
+	margin-top: 6px;
91 
+}
92 
+
93 
+.wp-picker-container input[type="text"].wp-color-picker {
94 
+	width: 4rem;
95 
+	font-size: 12px;
96 
+	font-family: monospace;
97 
+	line-height: 2.33333333; /* 28px */
98 
+	margin: 0;
99 
+	padding: 0 5px;
100 
+	vertical-align: top;
101 
+	min-height: 30px;
102 
+}
103 
+
104 
+.wp-color-picker::-webkit-input-placeholder {
105 
+	color: #646970;
106 
+}
107 
+
108 
+.wp-color-picker::-moz-placeholder {
109 
+	color: #646970;
110 
+	opacity: 1;
111 
+}
112 
+
113 
+.wp-color-picker:-ms-input-placeholder {
114 
+	color: #646970;
115 
+}
116 
+
117 
+.wp-picker-container input[type="text"].iris-error {
118 
+	background-color: #fcf0f1;
119 
+	border-color: #d63638;
120 
+	color: #000;
121 
+}
122 
+
123 
+.iris-picker .ui-square-handle:focus,
124 
+.iris-picker .iris-strip .ui-slider-handle:focus {
125 
+	border-color: #3582c4;
126 
+	border-style: solid;
127 
+	box-shadow: 0 0 0 1px #3582c4;
128 
+	outline: 2px solid transparent;
129 
+}
130 
+
131 
+.iris-picker .iris-palette:focus {
132 
+	box-shadow: 0 0 0 2px #3582c4;
133 
+}
134 
+
135 
+@media screen and (max-width: 782px) {
136 
+	.wp-picker-container input[type="text"].wp-color-picker {
137 
+		width: 5rem;
138 
+		font-size: 16px;
139 
+		line-height: 1.875; /* 30px */
140 
+		min-height: 32px;
141 
+	}
142 
+
143 
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
144 
+		padding: 0 5px;
145 
+	}
146 
+
147 
+	.wp-picker-input-wrap .button.wp-picker-default,
148 
+	.wp-picker-input-wrap .button.wp-picker-clear {
149 
+		padding: 0 8px;
150 
+		line-height: 2.14285714; /* 30px */
151 
+		min-height: 32px;
152 
+	}
153 
+
154 
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
155 
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
156 
+		padding: 0 8px;
157 
+		font-size: 14px;
158 
+		line-height: 2.14285714; /* 30px */
159 
+		min-height: 32px;
160 
+	}
161 
+
162 
+	.wp-picker-container .wp-color-result.button {
163 
+		padding: 0 0 0 40px;
164 
+		font-size: 14px;
165 
+		line-height: 2.14285714; /* 30px */
166 
+	}
167 
+
168 
+	.wp-customizer .wp-picker-container .wp-color-result.button {
169 
+		font-size: 14px;
170 
+		line-height: 2.14285714; /* 30px */
171 
+	}
172 
+
173 
+	.wp-picker-container .wp-color-result-text {
174 
+		padding: 0 14px;
175 
+		font-size: inherit;
176 
+		line-height: inherit;
177 
+	}
178 
+
179 
+	.wp-customizer .wp-picker-container .wp-color-result-text {
180 
+		padding: 0 10px;
181 
+	}
182 
+}

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


+ 783 - 0
app/wp-admin/css/colors/_admin.scss
View File 

@@ -0,0 +1,783 @@
1 
+
2 
+@import 'variables';
3 
+@import 'mixins';
4 
+
5 
+@function url-friendly-colour( $color ) {
6 
+	@return '%23' + str-slice( '#{ $color }', 2, -1 );
7 
+}
8 
+
9 
+body {
10 
+	background: $body-background;
11 
+}
12 
+
13 
+
14 
+/* Links */
15 
+
16 
+a {
17 
+	color: $link;
18 
+
19 
+	&:hover,
20 
+	&:active,
21 
+	&:focus {
22 
+		color: $link-focus;
23 
+	}
24 
+}
25 
+
26 
+#post-body .misc-pub-post-status:before,
27 
+#post-body #visibility:before,
28 
+.curtime #timestamp:before,
29 
+#post-body .misc-pub-revisions:before,
30 
+span.wp-media-buttons-icon:before {
31 
+	color: currentColor;
32 
+}
33 
+
34 
+.wp-core-ui .button-link {
35 
+	color: $link;
36 
+
37 
+	&:hover,
38 
+	&:active,
39 
+	&:focus {
40 
+		color: $link-focus;
41 
+	}
42 
+}
43 
+
44 
+.media-modal .delete-attachment,
45 
+.media-modal .trash-attachment,
46 
+.media-modal .untrash-attachment,
47 
+.wp-core-ui .button-link-delete {
48 
+	color: #a00;
49 
+}
50 
+
51 
+.media-modal .delete-attachment:hover,
52 
+.media-modal .trash-attachment:hover,
53 
+.media-modal .untrash-attachment:hover,
54 
+.media-modal .delete-attachment:focus,
55 
+.media-modal .trash-attachment:focus,
56 
+.media-modal .untrash-attachment:focus,
57 
+.wp-core-ui .button-link-delete:hover,
58 
+.wp-core-ui .button-link-delete:focus {
59 
+	color: #dc3232;
60 
+}
61 
+
62 
+/* Forms */
63 
+
64 
+input[type=checkbox]:checked::before {
65 
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
66 
+}
67 
+
68 
+input[type=radio]:checked::before {
69 
+	background: $form-checked;
70 
+}
71 
+
72 
+.wp-core-ui input[type="reset"]:hover,
73 
+.wp-core-ui input[type="reset"]:active {
74 
+	color: $link-focus;
75 
+}
76 
+
77 
+input[type="text"]:focus,
78 
+input[type="password"]:focus,
79 
+input[type="color"]:focus,
80 
+input[type="date"]:focus,
81 
+input[type="datetime"]:focus,
82 
+input[type="datetime-local"]:focus,
83 
+input[type="email"]:focus,
84 
+input[type="month"]:focus,
85 
+input[type="number"]:focus,
86 
+input[type="search"]:focus,
87 
+input[type="tel"]:focus,
88 
+input[type="text"]:focus,
89 
+input[type="time"]:focus,
90 
+input[type="url"]:focus,
91 
+input[type="week"]:focus,
92 
+input[type="checkbox"]:focus,
93 
+input[type="radio"]:focus,
94 
+select:focus,
95 
+textarea:focus {
96 
+	border-color: $highlight-color;
97 
+	box-shadow: 0 0 0 1px $highlight-color;
98 
+}
99 
+
100 
+
101 
+/* Core UI */
102 
+
103 
+.wp-core-ui {
104 
+
105 
+	.button {
106 
+		border-color: #7e8993;
107 
+		color: #32373c;
108 
+	}
109 
+
110 
+	.button.hover,
111 
+	.button:hover,
112 
+	.button.focus,
113 
+	.button:focus {
114 
+		border-color: darken( #7e8993, 5% );
115 
+		color: darken( #32373c, 5% );
116 
+	}
117 
+
118 
+	.button.focus,
119 
+	.button:focus {
120 
+		border-color: #7e8993;
121 
+		color: darken( #32373c, 5% );
122 
+		box-shadow: 0 0 0 1px #32373c;
123 
+	}
124 
+
125 
+	.button:active {
126 
+		border-color: #7e8993;
127 
+		color: darken( #32373c, 5% );
128 
+		box-shadow: none;
129 
+	}
130 
+
131 
+	.button.active,
132 
+	.button.active:focus,
133 
+	.button.active:hover {
134 
+		border-color: $button-color;
135 
+		color: darken( #32373c, 5% );
136 
+		box-shadow: inset 0 2px 5px -3px $button-color;
137 
+	}
138 
+
139 
+	.button.active:focus {
140 
+		box-shadow: 0 0 0 1px #32373c;
141 
+	}
142 
+
143 
+	@if ( $low-contrast-theme != "true" ) {
144 
+		.button,
145 
+		.button-secondary {
146 
+			color: $highlight-color;
147 
+			border-color: $highlight-color;
148 
+		}
149 
+
150 
+		.button.hover,
151 
+		.button:hover,
152 
+		.button-secondary:hover{
153 
+			border-color: darken($highlight-color, 10);
154 
+			color: darken($highlight-color, 10);
155 
+		}
156 
+
157 
+		.button.focus,
158 
+		.button:focus,
159 
+		.button-secondary:focus {
160 
+			border-color: lighten($highlight-color, 10);
161 
+			color: darken($highlight-color, 20);;
162 
+			box-shadow: 0 0 0 1px lighten($highlight-color, 10);
163 
+		}
164 
+
165 
+		.button-primary {
166 
+			&:hover {
167 
+				color: #fff;
168 
+			}
169 
+		}
170 
+	}
171 
+
172 
+	.button-primary {
173 
+		@include button( $button-color );
174 
+	}
175 
+
176 
+	.button-group > .button.active {
177 
+		border-color: $button-color;
178 
+	}
179 
+
180 
+	.wp-ui-primary {
181 
+		color: $text-color;
182 
+		background-color: $base-color;
183 
+	}
184 
+	.wp-ui-text-primary {
185 
+		color: $base-color;
186 
+	}
187 
+
188 
+	.wp-ui-highlight {
189 
+		color: $menu-highlight-text;
190 
+		background-color: $menu-highlight-background;
191 
+	}
192 
+	.wp-ui-text-highlight {
193 
+		color: $menu-highlight-background;
194 
+	}
195 
+
196 
+	.wp-ui-notification {
197 
+		color: $menu-bubble-text;
198 
+		background-color: $menu-bubble-background;
199 
+	}
200 
+	.wp-ui-text-notification {
201 
+		color: $menu-bubble-background;
202 
+	}
203 
+
204 
+	.wp-ui-text-icon {
205 
+		color: $menu-icon;
206 
+	}
207 
+}
208 
+
209 
+
210 
+/* List tables */
211 
+@if $low-contrast-theme == "true" {
212 
+	.wrap .page-title-action:hover {
213 
+		color: $menu-text;
214 
+		background-color: $menu-background;
215 
+	}
216 
+} @else {
217 
+	.wrap .page-title-action,
218 
+	.wrap .page-title-action:active {
219 
+		border: 1px solid $highlight-color;
220 
+		color: $highlight-color;
221 
+	}
222 
+
223 
+	.wrap .page-title-action:hover {
224 
+		color: darken($highlight-color, 10);
225 
+		border-color: darken($highlight-color, 10);
226 
+	}
227 
+
228 
+	.wrap .page-title-action:focus {
229 
+		border-color: lighten($highlight-color, 10);
230 
+		color: darken($highlight-color, 20);;
231 
+		box-shadow: 0 0 0 1px lighten($highlight-color, 10);
232 
+	}
233 
+}
234 
+
235 
+.view-switch a.current:before {
236 
+	color: $menu-background;
237 
+}
238 
+
239 
+.view-switch a:hover:before {
240 
+	color: $menu-bubble-background;
241 
+}
242 
+
243 
+
244 
+/* Admin Menu */
245 
+
246 
+#adminmenuback,
247 
+#adminmenuwrap,
248 
+#adminmenu {
249 
+	background: $menu-background;
250 
+}
251 
+
252 
+#adminmenu a {
253 
+	color: $menu-text;
254 
+}
255 
+
256 
+#adminmenu div.wp-menu-image:before {
257 
+	color: $menu-icon;
258 
+}
259 
+
260 
+#adminmenu a:hover,
261 
+#adminmenu li.menu-top:hover,
262 
+#adminmenu li.opensub > a.menu-top,
263 
+#adminmenu li > a.menu-top:focus {
264 
+	color: $menu-highlight-text;
265 
+	background-color: $menu-highlight-background;
266 
+}
267 
+
268 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
269 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
270 
+	color: $menu-highlight-icon;
271 
+}
272 
+
273 
+
274 
+/* Active tabs use a bottom border color that matches the page background color. */
275 
+
276 
+.about-wrap .nav-tab-active,
277 
+.nav-tab-active,
278 
+.nav-tab-active:hover {
279 
+	background-color: $body-background;
280 
+	border-bottom-color: $body-background;
281 
+}
282 
+
283 
+
284 
+/* Admin Menu: submenu */
285 
+
286 
+#adminmenu .wp-submenu,
287 
+#adminmenu .wp-has-current-submenu .wp-submenu,
288 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
289 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
290 
+	background: $menu-submenu-background;
291 
+}
292 
+
293 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
294 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
295 
+	border-right-color: $menu-submenu-background;
296 
+}
297 
+
298 
+#adminmenu .wp-submenu .wp-submenu-head {
299 
+	color: $menu-submenu-text;
300 
+}
301 
+
302 
+#adminmenu .wp-submenu a,
303 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
304 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
305 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
306 
+	color: $menu-submenu-text;
307 
+
308 
+	&:focus, &:hover {
309 
+		color: $menu-submenu-focus-text;
310 
+	}
311 
+}
312 
+
313 
+
314 
+/* Admin Menu: current */
315 
+
316 
+#adminmenu .wp-submenu li.current a,
317 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
318 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
319 
+	color: $menu-submenu-current-text;
320 
+
321 
+	&:hover, &:focus {
322 
+		color: $menu-submenu-focus-text;
323 
+	}
324 
+}
325 
+
326 
+ul#adminmenu a.wp-has-current-submenu:after,
327 
+ul#adminmenu > li.current > a.current:after {
328 
+    border-right-color: $body-background;
329 
+}
330 
+
331 
+#adminmenu li.current a.menu-top,
332 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
333 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
334 
+.folded #adminmenu li.current.menu-top {
335 
+	color: $menu-current-text;
336 
+	background: $menu-current-background;
337 
+}
338 
+
339 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
340 
+#adminmenu a.current:hover div.wp-menu-image:before,
341 
+#adminmenu li.current div.wp-menu-image:before,
342 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
343 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
344 
+#adminmenu li:hover div.wp-menu-image:before,
345 
+#adminmenu li a:focus div.wp-menu-image:before,
346 
+#adminmenu li.opensub div.wp-menu-image:before {
347 
+	color: $menu-current-icon;
348 
+}
349 
+
350 
+
351 
+/* Admin Menu: bubble */
352 
+
353 
+#adminmenu .awaiting-mod,
354 
+#adminmenu .update-plugins {
355 
+	color: $menu-bubble-text;
356 
+	background: $menu-bubble-background;
357 
+}
358 
+
359 
+#adminmenu li.current a .awaiting-mod,
360 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
361 
+#adminmenu li:hover a .awaiting-mod,
362 
+#adminmenu li.menu-top:hover > a .update-plugins {
363 
+	color: $menu-bubble-current-text;
364 
+	background: $menu-bubble-current-background;
365 
+}
366 
+
367 
+
368 
+/* Admin Menu: collapse button */
369 
+
370 
+#collapse-button {
371 
+    color: $menu-collapse-text;
372 
+}
373 
+
374 
+#collapse-button:hover,
375 
+#collapse-button:focus {
376 
+    color: $menu-submenu-focus-text;
377 
+}
378 
+
379 
+/* Admin Bar */
380 
+
381 
+#wpadminbar {
382 
+	color: $menu-text;
383 
+	background: $menu-background;
384 
+}
385 
+
386 
+#wpadminbar .ab-item,
387 
+#wpadminbar a.ab-item,
388 
+#wpadminbar > #wp-toolbar span.ab-label,
389 
+#wpadminbar > #wp-toolbar span.noticon {
390 
+	color: $menu-text;
391 
+}
392 
+
393 
+#wpadminbar .ab-icon,
394 
+#wpadminbar .ab-icon:before,
395 
+#wpadminbar .ab-item:before,
396 
+#wpadminbar .ab-item:after {
397 
+	color: $menu-icon;
398 
+}
399 
+
400 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
401 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
402 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
403 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
404 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
405 
+	color: $menu-submenu-focus-text;
406 
+	background: $menu-submenu-background;
407 
+}
408 
+
409 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
410 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
411 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
412 
+	color: $menu-submenu-focus-text;
413 
+}
414 
+
415 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
416 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
417 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
418 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
419 
+	color: $menu-submenu-focus-text;
420 
+}
421 
+
422 
+
423 
+/* Admin Bar: submenu */
424 
+
425 
+#wpadminbar .menupop .ab-sub-wrapper {
426 
+	background: $menu-submenu-background;
427 
+}
428 
+
429 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
430 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
431 
+	background: $menu-submenu-background-alt;
432 
+}
433 
+
434 
+#wpadminbar .ab-submenu .ab-item,
435 
+#wpadminbar .quicklinks .menupop ul li a,
436 
+#wpadminbar .quicklinks .menupop.hover ul li a,
437 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
438 
+	color: $menu-submenu-text;
439 
+}
440 
+
441 
+#wpadminbar .quicklinks li .blavatar,
442 
+#wpadminbar .menupop .menupop > .ab-item:before {
443 
+	color: $menu-icon;
444 
+}
445 
+
446 
+#wpadminbar .quicklinks .menupop ul li a:hover,
447 
+#wpadminbar .quicklinks .menupop ul li a:focus,
448 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
449 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
450 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
451 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
452 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
453 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
454 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
455 
+#wpadminbar li:hover .ab-icon:before,
456 
+#wpadminbar li:hover .ab-item:before,
457 
+#wpadminbar li a:focus .ab-icon:before,
458 
+#wpadminbar li .ab-item:focus:before,
459 
+#wpadminbar li .ab-item:focus .ab-icon:before,
460 
+#wpadminbar li.hover .ab-icon:before,
461 
+#wpadminbar li.hover .ab-item:before,
462 
+#wpadminbar li:hover #adminbarsearch:before,
463 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
464 
+	color: $menu-submenu-focus-text;
465 
+}
466 
+
467 
+#wpadminbar .quicklinks li a:hover .blavatar,
468 
+#wpadminbar .quicklinks li a:focus .blavatar,
469 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
470 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
471 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
472 
+#wpadminbar.mobile .quicklinks .ab-item:before {
473 
+	color: $menu-submenu-focus-text;
474 
+}
475 
+
476 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
477 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
478 
+	color: $menu-icon;
479 
+}
480 
+
481 
+
482 
+/* Admin Bar: search */
483 
+
484 
+#wpadminbar #adminbarsearch:before {
485 
+	color: $menu-icon;
486 
+}
487 
+
488 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
489 
+	color: $menu-text;
490 
+	background: $adminbar-input-background;
491 
+}
492 
+
493 
+/* Admin Bar: recovery mode */
494 
+
495 
+#wpadminbar #wp-admin-bar-recovery-mode {
496 
+	color: $adminbar-recovery-exit-text;
497 
+	background-color: $adminbar-recovery-exit-background;
498 
+}
499 
+
500 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
501 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
502 
+	color: $adminbar-recovery-exit-text;
503 
+}
504 
+
505 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
506 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
507 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
508 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
509 
+	color: $adminbar-recovery-exit-text;
510 
+	background-color: $adminbar-recovery-exit-background-alt;
511 
+}
512 
+
513 
+/* Admin Bar: my account */
514 
+
515 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
516 
+	border-color: $adminbar-avatar-frame;
517 
+	background-color: $adminbar-avatar-frame;
518 
+}
519 
+
520 
+#wpadminbar #wp-admin-bar-user-info .display-name {
521 
+	color: $menu-text;
522 
+}
523 
+
524 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
525 
+	color: $menu-submenu-focus-text;
526 
+}
527 
+
528 
+#wpadminbar #wp-admin-bar-user-info .username {
529 
+	color: $menu-submenu-text;
530 
+}
531 
+
532 
+
533 
+/* Pointers */
534 
+
535 
+.wp-pointer .wp-pointer-content h3 {
536 
+	background-color: $highlight-color;
537 
+	border-color: darken( $highlight-color, 5% );
538 
+}
539 
+
540 
+.wp-pointer .wp-pointer-content h3:before {
541 
+	color: $highlight-color;
542 
+}
543 
+
544 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
545 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
546 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
547 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
548 
+	border-bottom-color: $highlight-color;
549 
+}
550 
+
551 
+
552 
+/* Media */
553 
+
554 
+.media-item .bar,
555 
+.media-progress-bar div {
556 
+	background-color: $highlight-color;
557 
+}
558 
+
559 
+.details.attachment {
560 
+	box-shadow:
561 
+		inset 0 0 0 3px #fff,
562 
+		inset 0 0 0 7px $highlight-color;
563 
+}
564 
+
565 
+.attachment.details .check {
566 
+	background-color: $highlight-color;
567 
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
568 
+}
569 
+
570 
+.media-selection .attachment.selection.details .thumbnail {
571 
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
572 
+}
573 
+
574 
+
575 
+/* Themes */
576 
+
577 
+.theme-browser .theme.active .theme-name,
578 
+.theme-browser .theme.add-new-theme a:hover:after,
579 
+.theme-browser .theme.add-new-theme a:focus:after {
580 
+	background: $highlight-color;
581 
+}
582 
+
583 
+.theme-browser .theme.add-new-theme a:hover span:after,
584 
+.theme-browser .theme.add-new-theme a:focus span:after {
585 
+	color: $highlight-color;
586 
+}
587 
+
588 
+.theme-section.current,
589 
+.theme-filter.current {
590 
+	border-bottom-color: $menu-background;
591 
+}
592 
+
593 
+body.more-filters-opened .more-filters {
594 
+	color: $menu-text;
595 
+	background-color: $menu-background;
596 
+}
597 
+
598 
+body.more-filters-opened .more-filters:before {
599 
+	color: $menu-text;
600 
+}
601 
+
602 
+body.more-filters-opened .more-filters:hover,
603 
+body.more-filters-opened .more-filters:focus {
604 
+	background-color: $menu-highlight-background;
605 
+	color: $menu-highlight-text;
606 
+}
607 
+
608 
+body.more-filters-opened .more-filters:hover:before,
609 
+body.more-filters-opened .more-filters:focus:before {
610 
+	color: $menu-highlight-text;
611 
+}
612 
+
613 
+/* Widgets */
614 
+
615 
+.widgets-chooser li.widgets-chooser-selected {
616 
+	background-color: $menu-highlight-background;
617 
+	color: $menu-highlight-text;
618 
+}
619 
+
620 
+.widgets-chooser li.widgets-chooser-selected:before,
621 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
622 
+	color: $menu-highlight-text;
623 
+}
624 
+
625 
+
626 
+/* Nav Menus */
627 
+
628 
+.nav-menus-php .item-edit:focus:before {
629 
+	box-shadow:
630 
+		0 0 0 1px lighten($button-color, 10),
631 
+		0 0 2px 1px $button-color;
632 
+}
633 
+
634 
+
635 
+/* Responsive Component */
636 
+
637 
+div#wp-responsive-toggle a:before {
638 
+	color: $menu-icon;
639 
+}
640 
+
641 
+.wp-responsive-open div#wp-responsive-toggle a {
642 
+	// ToDo: make inset border
643 
+	border-color: transparent;
644 
+	background: $menu-highlight-background;
645 
+}
646 
+
647 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
648 
+	background: $menu-submenu-background;
649 
+}
650 
+
651 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
652 
+	color: $menu-icon;
653 
+}
654 
+
655 
+/* TinyMCE */
656 
+
657 
+.mce-container.mce-menu .mce-menu-item:hover,
658 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
659 
+.mce-container.mce-menu .mce-menu-item:focus,
660 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
661 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
662 
+	background: $highlight-color;
663 
+}
664 
+
665 
+/* Customizer */
666 
+.wp-core-ui {
667 
+	#customize-controls .control-section:hover > .accordion-section-title,
668 
+	#customize-controls .control-section .accordion-section-title:hover,
669 
+	#customize-controls .control-section.open .accordion-section-title,
670 
+	#customize-controls .control-section .accordion-section-title:focus {
671 
+		color: $link;
672 
+		border-left-color: $button-color;
673 
+	}
674 
+
675 
+	.customize-controls-close:focus,
676 
+	.customize-controls-close:hover,
677 
+	.customize-controls-preview-toggle:focus,
678 
+	.customize-controls-preview-toggle:hover {
679 
+		color: $link;
680 
+		border-top-color: $button-color;
681 
+	}
682 
+
683 
+	.customize-panel-back:hover,
684 
+	.customize-panel-back:focus,
685 
+	.customize-section-back:hover,
686 
+	.customize-section-back:focus {
687 
+		color: $link;
688 
+		border-left-color: $button-color;
689 
+	}
690 
+
691 
+	.customize-screen-options-toggle:hover,
692 
+	.customize-screen-options-toggle:active,
693 
+	.customize-screen-options-toggle:focus,
694 
+	.active-menu-screen-options .customize-screen-options-toggle,
695 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
696 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
697 
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
698 
+		color: $link;
699 
+	}
700 
+
701 
+	.customize-screen-options-toggle:focus:before,
702 
+	#customize-controls .customize-info .customize-help-toggle:focus:before,
703 
+	&.wp-customizer button:focus .toggle-indicator:before,
704 
+	.menu-item-bar .item-delete:focus:before,
705 
+	#available-menu-items .item-add:focus:before,
706 
+	#customize-save-button-wrapper .save:focus,
707 
+	#publish-settings:focus {
708 
+		box-shadow:
709 
+			0 0 0 1px lighten($button-color, 10),
710 
+			0 0 2px 1px $button-color;
711 
+	}
712 
+
713 
+	#customize-controls .customize-info.open .customize-help-toggle,
714 
+	#customize-controls .customize-info .customize-help-toggle:focus,
715 
+	#customize-controls .customize-info .customize-help-toggle:hover {
716 
+		color: $link;
717 
+	}
718 
+
719 
+	.control-panel-themes .customize-themes-section-title:focus,
720 
+	.control-panel-themes .customize-themes-section-title:hover {
721 
+		border-left-color: $button-color;
722 
+		color: $link;
723 
+	}
724 
+
725 
+	.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
726 
+		background: $button-color;
727 
+	}
728 
+
729 
+	.control-panel-themes .customize-themes-section-title.selected {
730 
+		color: $link;
731 
+	}
732 
+
733 
+	#customize-theme-controls .control-section:hover > .accordion-section-title:after,
734 
+	#customize-theme-controls .control-section .accordion-section-title:hover:after,
735 
+	#customize-theme-controls .control-section.open .accordion-section-title:after,
736 
+	#customize-theme-controls .control-section .accordion-section-title:focus:after,
737 
+	#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
738 
+	#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
739 
+	#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
740 
+	#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
741 
+		color: $link;
742 
+	}
743 
+
744 
+	.customize-control .attachment-media-view .button-add-media:focus {
745 
+		background-color: #fbfbfc;
746 
+		border-color: $button-color;
747 
+		border-style: solid;
748 
+		box-shadow: 0 0 0 1px $button-color;
749 
+		outline: 2px solid transparent;
750 
+	}
751 
+
752 
+	.wp-full-overlay-footer .devices button:focus,
753 
+	.wp-full-overlay-footer .devices button.active:hover {
754 
+		border-bottom-color: $button-color;
755 
+	}
756 
+
757 
+	.wp-full-overlay-footer .devices button:hover:before,
758 
+	.wp-full-overlay-footer .devices button:focus:before {
759 
+		color: $button-color;
760 
+	}
761 
+
762 
+	.wp-full-overlay .collapse-sidebar:hover,
763 
+	.wp-full-overlay .collapse-sidebar:focus {
764 
+		color: $button-color;
765 
+	}
766 
+
767 
+	.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
768 
+	.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
769 
+		box-shadow:
770 
+			0 0 0 1px lighten($button-color, 10),
771 
+			0 0 2px 1px $button-color;
772 
+	}
773 
+
774 
+	&.wp-customizer .theme-overlay .theme-header .close:focus,
775 
+	&.wp-customizer .theme-overlay .theme-header .close:hover,
776 
+	&.wp-customizer .theme-overlay .theme-header .right:focus,
777 
+	&.wp-customizer .theme-overlay .theme-header .right:hover,
778 
+	&.wp-customizer .theme-overlay .theme-header .left:focus,
779 
+	&.wp-customizer .theme-overlay .theme-header .left:hover {
780 
+		border-bottom-color: $button-color;
781 
+		color: $link;
782 
+	}
783 
+}

+ 37 - 0
app/wp-admin/css/colors/_mixins.scss
View File 

@@ -0,0 +1,37 @@
1 
+/*
2 
+ * Button mixin- creates a button effect with correct
3 
+ * highlights/shadows, based on a base color.
4 
+ */
5 
+@mixin button( $button-color, $button-text-color: #fff ) {
6 
+	background: $button-color;
7 
+	border-color: $button-color;
8 
+	color: $button-text-color;
9 
+
10 
+	&:hover,
11 
+	&:focus {
12 
+		background: lighten( $button-color, 3% );
13 
+		border-color: darken( $button-color, 3% );
14 
+		color: $button-text-color;
15 
+	}
16 
+
17 
+	&:focus {
18 
+		box-shadow:
19 
+			0 0 0 1px #fff,
20 
+			0 0 0 3px $button-color;
21 
+	}
22 
+
23 
+	&:active {
24 
+		background: darken( $button-color, 5% );
25 
+		border-color: darken( $button-color, 5% );
26 
+		color: $button-text-color;
27 
+	}
28 
+
29 
+	&.active,
30 
+	&.active:focus,
31 
+	&.active:hover {
32 
+		background: $button-color;
33 
+		color: $button-text-color;
34 
+		border-color: darken( $button-color, 15% );
35 
+		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
36 
+	}
37 
+}

+ 65 - 0
app/wp-admin/css/colors/_variables.scss
View File 

@@ -0,0 +1,65 @@
1 
+// assign default value to all undefined variables
2 
+
3 
+
4 
+// core variables
5 
+
6 
+$text-color: #fff !default;
7 
+$base-color: #23282d !default;
8 
+$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
9 
+$highlight-color: #0073aa !default;
10 
+$notification-color: #d54e21 !default;
11 
+
12 
+
13 
+// global
14 
+
15 
+$body-background: #f1f1f1 !default;
16 
+
17 
+$link: #0073aa !default;
18 
+$link-focus: lighten( $link, 10% ) !default;
19 
+
20 
+$button-color: $highlight-color !default;
21 
+$button-text-color: $text-color !default;
22 
+
23 
+$form-checked: #7e8993 !default;
24 
+
25 
+// admin menu & admin-bar
26 
+
27 
+$menu-text: $text-color !default;
28 
+$menu-icon: $icon-color !default;
29 
+$menu-background: $base-color !default;
30 
+
31 
+$menu-highlight-text: $text-color !default;
32 
+$menu-highlight-icon: $text-color !default;
33 
+$menu-highlight-background: $highlight-color !default;
34 
+
35 
+$menu-current-text: $menu-highlight-text !default;
36 
+$menu-current-icon: $menu-highlight-icon !default;
37 
+$menu-current-background: $menu-highlight-background !default;
38 
+
39 
+$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
40 
+$menu-submenu-background: darken( $base-color, 7% ) !default;
41 
+$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
42 
+
43 
+$menu-submenu-focus-text: $highlight-color !default;
44 
+$menu-submenu-current-text: $text-color !default;
45 
+
46 
+$menu-bubble-text: $text-color !default;
47 
+$menu-bubble-background: $notification-color !default;
48 
+$menu-bubble-current-text: $text-color !default;
49 
+$menu-bubble-current-background: $menu-submenu-background !default;
50 
+
51 
+$menu-collapse-text: $menu-icon !default;
52 
+$menu-collapse-icon: $menu-icon !default;
53 
+$menu-collapse-focus-text: $text-color !default;
54 
+$menu-collapse-focus-icon: $menu-highlight-icon !default;
55 
+
56 
+$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
57 
+$adminbar-input-background: lighten( $menu-background, 7% ) !default;
58 
+
59 
+$adminbar-recovery-exit-text: $menu-bubble-text !default;
60 
+$adminbar-recovery-exit-background: $menu-bubble-background !default;
61 
+$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
62 
+
63 
+$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
64 
+
65 
+$low-contrast-theme: "false" !default;

+ 705 - 0
app/wp-admin/css/colors/blue/colors-rtl.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #096484;
85 
+  box-shadow: 0 0 0 1px #096484;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #e1a948;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e1a948;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #096484;
124 
+  border-color: #096484;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #064054;
130 
+  color: #064054;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #0c88b4;
136 
+  color: #021c25;
137 
+  box-shadow: 0 0 0 1px #0c88b4;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e1a948;
144 
+  border-color: #e1a948;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e3af55;
149 
+  border-color: #dfa33b;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd9f32;
157 
+  border-color: #dd9f32;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #e1a948;
162 
+  color: #fff;
163 
+  border-color: #bd831f;
164 
+  box-shadow: inset 0 2px 5px -3px #241906;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e1a948;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #52accc;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #52accc;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #096484;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #096484;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #e1a948;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #e1a948;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #e5f8ff;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #096484;
198 
+  color: #096484;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #064054;
203 
+  border-color: #064054;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #0c88b4;
208 
+  color: #021c25;
209 
+  box-shadow: 0 0 0 1px #0c88b4;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #52accc;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #e1a948;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #52accc;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #e5f8ff;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #096484;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #4796b3;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #4796b3;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #e2ecf1;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #e2ecf1;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #fff;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #fff;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #096484;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #e1a948;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #4796b3;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #e5f8ff;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #fff;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #52accc;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #e5f8ff;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #fff;
378 
+  background: #4796b3;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #fff;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #fff;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #4796b3;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #74b6ce;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #e2ecf1;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #e5f8ff;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #fff;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #fff;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #e5f8ff;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #e5f8ff;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #6eb9d4;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #e1a948;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #cb9841;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #6eb9d4;
483 
+  background-color: #6eb9d4;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #fff;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #e2ecf1;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #096484;
501 
+  border-color: #07526c;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #096484;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #096484;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #096484;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #096484;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #096484;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #096484;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #52accc;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #52accc;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #096484;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #096484;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #e5f8ff;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #096484;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #4796b3;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #e5f8ff;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #096484;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-right-color: #e1a948;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #e1a948;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-right-color: #e1a948;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #e1a948;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e1a948;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #e1a948;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e1a948;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #e1a948;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #e1a948;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e1a948;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
701 
+}
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 
+  border-bottom-color: #e1a948;
704 
+  color: #0073aa;
705 
+}

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


+ 705 - 0
app/wp-admin/css/colors/blue/colors.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #096484;
85 
+  box-shadow: 0 0 0 1px #096484;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #e1a948;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e1a948;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #096484;
124 
+  border-color: #096484;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #064054;
130 
+  color: #064054;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #0c88b4;
136 
+  color: #021c25;
137 
+  box-shadow: 0 0 0 1px #0c88b4;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e1a948;
144 
+  border-color: #e1a948;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e3af55;
149 
+  border-color: #dfa33b;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd9f32;
157 
+  border-color: #dd9f32;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #e1a948;
162 
+  color: #fff;
163 
+  border-color: #bd831f;
164 
+  box-shadow: inset 0 2px 5px -3px #241906;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e1a948;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #52accc;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #52accc;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #096484;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #096484;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #e1a948;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #e1a948;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #e5f8ff;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #096484;
198 
+  color: #096484;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #064054;
203 
+  border-color: #064054;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #0c88b4;
208 
+  color: #021c25;
209 
+  box-shadow: 0 0 0 1px #0c88b4;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #52accc;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #e1a948;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #52accc;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #e5f8ff;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #096484;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #4796b3;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #4796b3;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #e2ecf1;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #e2ecf1;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #fff;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #fff;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #096484;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #e1a948;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #4796b3;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #e5f8ff;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #fff;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #52accc;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #e5f8ff;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #fff;
378 
+  background: #4796b3;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #fff;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #fff;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #4796b3;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #74b6ce;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #e2ecf1;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #e5f8ff;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #fff;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #fff;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #e5f8ff;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #e5f8ff;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #6eb9d4;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #e1a948;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #cb9841;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #6eb9d4;
483 
+  background-color: #6eb9d4;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #fff;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #e2ecf1;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #096484;
501 
+  border-color: #07526c;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #096484;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #096484;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #096484;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #096484;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #096484;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #096484;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #52accc;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #52accc;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #096484;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #096484;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #e5f8ff;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #096484;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #4796b3;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #e5f8ff;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #096484;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-left-color: #e1a948;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #e1a948;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-left-color: #e1a948;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #e1a948;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e1a948;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #e1a948;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e1a948;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #e1a948;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #e1a948;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e1a948;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
701 
+}
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 
+  border-bottom-color: #e1a948;
704 
+  color: #0073aa;
705 
+}

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


+ 11 - 0
app/wp-admin/css/colors/blue/colors.scss
View File 

@@ -0,0 +1,11 @@
1 
+$base-color: #52accc;
2 
+$icon-color: #e5f8ff;
3 
+$highlight-color: #096484;
4 
+$notification-color: #e1a948;
5 
+$button-color: #e1a948;
6 
+
7 
+$menu-submenu-text: #e2ecf1;
8 
+$menu-submenu-focus-text: #fff;
9 
+$menu-submenu-background: #4796b3;
10 
+
11 
+@import "../_admin.scss";

+ 672 - 0
app/wp-admin/css/colors/coffee/colors-rtl.css
View File 

@@ -0,0 +1,672 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #59524c;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #c7a589;
85 
+  box-shadow: 0 0 0 1px #c7a589;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #c7a589;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #c7a589;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button-primary {
122 
+  background: #c7a589;
123 
+  border-color: #c7a589;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #ccad93;
128 
+  border-color: #c29d7f;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #bf9878;
136 
+  border-color: #bf9878;
137 
+  color: #fff;
138 
+}
139 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
140 
+  background: #c7a589;
141 
+  color: #fff;
142 
+  border-color: #ae7d55;
143 
+  box-shadow: inset 0 2px 5px -3px #37271a;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #c7a589;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #59524c;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #59524c;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #c7a589;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #c7a589;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #9ea476;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #9ea476;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f3f2f1;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #59524c;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #59524c;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #9ea476;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #59524c;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f3f2f1;
200 
+}
201 
+
202 
+#adminmenu a:hover,
203 
+#adminmenu li.menu-top:hover,
204 
+#adminmenu li.opensub > a.menu-top,
205 
+#adminmenu li > a.menu-top:focus {
206 
+  color: #fff;
207 
+  background-color: #c7a589;
208 
+}
209 
+
210 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
211 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
212 
+  color: #fff;
213 
+}
214 
+
215 
+/* Active tabs use a bottom border color that matches the page background color. */
216 
+.about-wrap .nav-tab-active,
217 
+.nav-tab-active,
218 
+.nav-tab-active:hover {
219 
+  background-color: #f1f1f1;
220 
+  border-bottom-color: #f1f1f1;
221 
+}
222 
+
223 
+/* Admin Menu: submenu */
224 
+#adminmenu .wp-submenu,
225 
+#adminmenu .wp-has-current-submenu .wp-submenu,
226 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
227 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
228 
+  background: #46403c;
229 
+}
230 
+
231 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
232 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
233 
+  border-left-color: #46403c;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #cdcbc9;
238 
+}
239 
+
240 
+#adminmenu .wp-submenu a,
241 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
242 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
243 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
244 
+  color: #cdcbc9;
245 
+}
246 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
247 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
248 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
249 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
250 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
251 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
252 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
253 
+  color: #c7a589;
254 
+}
255 
+
256 
+/* Admin Menu: current */
257 
+#adminmenu .wp-submenu li.current a,
258 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
260 
+  color: #fff;
261 
+}
262 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
263 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
264 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
265 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
266 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
267 
+  color: #c7a589;
268 
+}
269 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#adminmenu > li.current > a.current:after {
272 
+  border-left-color: #f1f1f1;
273 
+}
274 
+
275 
+#adminmenu li.current a.menu-top,
276 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
277 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
278 
+.folded #adminmenu li.current.menu-top {
279 
+  color: #fff;
280 
+  background: #c7a589;
281 
+}
282 
+
283 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
284 
+#adminmenu a.current:hover div.wp-menu-image:before,
285 
+#adminmenu li.current div.wp-menu-image:before,
286 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
287 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
288 
+#adminmenu li:hover div.wp-menu-image:before,
289 
+#adminmenu li a:focus div.wp-menu-image:before,
290 
+#adminmenu li.opensub div.wp-menu-image:before {
291 
+  color: #fff;
292 
+}
293 
+
294 
+/* Admin Menu: bubble */
295 
+#adminmenu .awaiting-mod,
296 
+#adminmenu .update-plugins {
297 
+  color: #fff;
298 
+  background: #9ea476;
299 
+}
300 
+
301 
+#adminmenu li.current a .awaiting-mod,
302 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
303 
+#adminmenu li:hover a .awaiting-mod,
304 
+#adminmenu li.menu-top:hover > a .update-plugins {
305 
+  color: #fff;
306 
+  background: #46403c;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f3f2f1;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #c7a589;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #59524c;
323 
+}
324 
+
325 
+#wpadminbar .ab-item,
326 
+#wpadminbar a.ab-item,
327 
+#wpadminbar > #wp-toolbar span.ab-label,
328 
+#wpadminbar > #wp-toolbar span.noticon {
329 
+  color: #fff;
330 
+}
331 
+
332 
+#wpadminbar .ab-icon,
333 
+#wpadminbar .ab-icon:before,
334 
+#wpadminbar .ab-item:before,
335 
+#wpadminbar .ab-item:after {
336 
+  color: #f3f2f1;
337 
+}
338 
+
339 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
340 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
341 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
342 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
343 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
344 
+  color: #c7a589;
345 
+  background: #46403c;
346 
+}
347 
+
348 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
349 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
350 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
351 
+  color: #c7a589;
352 
+}
353 
+
354 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
355 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
356 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
357 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
358 
+  color: #c7a589;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #46403c;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #656463;
369 
+}
370 
+
371 
+#wpadminbar .ab-submenu .ab-item,
372 
+#wpadminbar .quicklinks .menupop ul li a,
373 
+#wpadminbar .quicklinks .menupop.hover ul li a,
374 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
375 
+  color: #cdcbc9;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f3f2f1;
381 
+}
382 
+
383 
+#wpadminbar .quicklinks .menupop ul li a:hover,
384 
+#wpadminbar .quicklinks .menupop ul li a:focus,
385 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
386 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
387 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
388 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
389 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
390 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
391 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
392 
+#wpadminbar li:hover .ab-icon:before,
393 
+#wpadminbar li:hover .ab-item:before,
394 
+#wpadminbar li a:focus .ab-icon:before,
395 
+#wpadminbar li .ab-item:focus:before,
396 
+#wpadminbar li .ab-item:focus .ab-icon:before,
397 
+#wpadminbar li.hover .ab-icon:before,
398 
+#wpadminbar li.hover .ab-item:before,
399 
+#wpadminbar li:hover #adminbarsearch:before,
400 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
401 
+  color: #c7a589;
402 
+}
403 
+
404 
+#wpadminbar .quicklinks li a:hover .blavatar,
405 
+#wpadminbar .quicklinks li a:focus .blavatar,
406 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
407 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
408 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
409 
+#wpadminbar.mobile .quicklinks .ab-item:before {
410 
+  color: #c7a589;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f3f2f1;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f3f2f1;
421 
+}
422 
+
423 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
424 
+  color: #fff;
425 
+  background: #6c645c;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #9ea476;
432 
+}
433 
+
434 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
435 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
436 
+  color: #fff;
437 
+}
438 
+
439 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
440 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
441 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
442 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
443 
+  color: #fff;
444 
+  background-color: #8e946a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #6c645c;
450 
+  background-color: #6c645c;
451 
+}
452 
+
453 
+#wpadminbar #wp-admin-bar-user-info .display-name {
454 
+  color: #fff;
455 
+}
456 
+
457 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
458 
+  color: #c7a589;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #cdcbc9;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #c7a589;
468 
+  border-color: #bf9878;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #c7a589;
473 
+}
474 
+
475 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
476 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
477 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
478 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
479 
+  border-bottom-color: #c7a589;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #c7a589;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #c7a589;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
499 
+}
500 
+
501 
+/* Themes */
502 
+.theme-browser .theme.active .theme-name,
503 
+.theme-browser .theme.add-new-theme a:hover:after,
504 
+.theme-browser .theme.add-new-theme a:focus:after {
505 
+  background: #c7a589;
506 
+}
507 
+
508 
+.theme-browser .theme.add-new-theme a:hover span:after,
509 
+.theme-browser .theme.add-new-theme a:focus span:after {
510 
+  color: #c7a589;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #59524c;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #59524c;
521 
+}
522 
+
523 
+body.more-filters-opened .more-filters:before {
524 
+  color: #fff;
525 
+}
526 
+
527 
+body.more-filters-opened .more-filters:hover,
528 
+body.more-filters-opened .more-filters:focus {
529 
+  background-color: #c7a589;
530 
+  color: #fff;
531 
+}
532 
+
533 
+body.more-filters-opened .more-filters:hover:before,
534 
+body.more-filters-opened .more-filters:focus:before {
535 
+  color: #fff;
536 
+}
537 
+
538 
+/* Widgets */
539 
+.widgets-chooser li.widgets-chooser-selected {
540 
+  background-color: #c7a589;
541 
+  color: #fff;
542 
+}
543 
+
544 
+.widgets-chooser li.widgets-chooser-selected:before,
545 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
546 
+  color: #fff;
547 
+}
548 
+
549 
+/* Nav Menus */
550 
+.nav-menus-php .item-edit:focus:before {
551 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f3f2f1;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #c7a589;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #46403c;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f3f2f1;
570 
+}
571 
+
572 
+/* TinyMCE */
573 
+.mce-container.mce-menu .mce-menu-item:hover,
574 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
575 
+.mce-container.mce-menu .mce-menu-item:focus,
576 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
577 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
578 
+  background: #c7a589;
579 
+}
580 
+
581 
+/* Customizer */
582 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
583 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
584 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
585 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
586 
+  color: #0073aa;
587 
+  border-right-color: #c7a589;
588 
+}
589 
+.wp-core-ui .customize-controls-close:focus,
590 
+.wp-core-ui .customize-controls-close:hover,
591 
+.wp-core-ui .customize-controls-preview-toggle:focus,
592 
+.wp-core-ui .customize-controls-preview-toggle:hover {
593 
+  color: #0073aa;
594 
+  border-top-color: #c7a589;
595 
+}
596 
+.wp-core-ui .customize-panel-back:hover,
597 
+.wp-core-ui .customize-panel-back:focus,
598 
+.wp-core-ui .customize-section-back:hover,
599 
+.wp-core-ui .customize-section-back:focus {
600 
+  color: #0073aa;
601 
+  border-right-color: #c7a589;
602 
+}
603 
+.wp-core-ui .customize-screen-options-toggle:hover,
604 
+.wp-core-ui .customize-screen-options-toggle:active,
605 
+.wp-core-ui .customize-screen-options-toggle:focus,
606 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
607 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
608 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
609 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
610 
+  color: #0073aa;
611 
+}
612 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
613 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
614 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
615 
+.wp-core-ui #available-menu-items .item-add:focus:before,
616 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
617 
+.wp-core-ui #publish-settings:focus {
618 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
619 
+}
620 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
621 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
622 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
623 
+  color: #0073aa;
624 
+}
625 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
626 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
627 
+  border-right-color: #c7a589;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #c7a589;
632 
+}
633 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
634 
+  color: #0073aa;
635 
+}
636 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
637 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
638 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
639 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
640 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
641 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
642 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
643 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
644 
+  color: #0073aa;
645 
+}
646 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
647 
+  background-color: #fbfbfc;
648 
+  border-color: #c7a589;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #c7a589;
651 
+  outline: 2px solid transparent;
652 
+}
653 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
654 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
655 
+  border-bottom-color: #c7a589;
656 
+}
657 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
658 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
659 
+  color: #c7a589;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #c7a589;
664 
+}
665 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
666 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
667 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
668 
+}
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 
+  border-bottom-color: #c7a589;
671 
+  color: #0073aa;
672 
+}

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


+ 672 - 0
app/wp-admin/css/colors/coffee/colors.css
View File 

@@ -0,0 +1,672 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #59524c;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #c7a589;
85 
+  box-shadow: 0 0 0 1px #c7a589;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #c7a589;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #c7a589;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button-primary {
122 
+  background: #c7a589;
123 
+  border-color: #c7a589;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #ccad93;
128 
+  border-color: #c29d7f;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #bf9878;
136 
+  border-color: #bf9878;
137 
+  color: #fff;
138 
+}
139 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
140 
+  background: #c7a589;
141 
+  color: #fff;
142 
+  border-color: #ae7d55;
143 
+  box-shadow: inset 0 2px 5px -3px #37271a;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #c7a589;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #59524c;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #59524c;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #c7a589;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #c7a589;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #9ea476;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #9ea476;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f3f2f1;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #59524c;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #59524c;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #9ea476;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #59524c;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f3f2f1;
200 
+}
201 
+
202 
+#adminmenu a:hover,
203 
+#adminmenu li.menu-top:hover,
204 
+#adminmenu li.opensub > a.menu-top,
205 
+#adminmenu li > a.menu-top:focus {
206 
+  color: #fff;
207 
+  background-color: #c7a589;
208 
+}
209 
+
210 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
211 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
212 
+  color: #fff;
213 
+}
214 
+
215 
+/* Active tabs use a bottom border color that matches the page background color. */
216 
+.about-wrap .nav-tab-active,
217 
+.nav-tab-active,
218 
+.nav-tab-active:hover {
219 
+  background-color: #f1f1f1;
220 
+  border-bottom-color: #f1f1f1;
221 
+}
222 
+
223 
+/* Admin Menu: submenu */
224 
+#adminmenu .wp-submenu,
225 
+#adminmenu .wp-has-current-submenu .wp-submenu,
226 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
227 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
228 
+  background: #46403c;
229 
+}
230 
+
231 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
232 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
233 
+  border-right-color: #46403c;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #cdcbc9;
238 
+}
239 
+
240 
+#adminmenu .wp-submenu a,
241 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
242 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
243 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
244 
+  color: #cdcbc9;
245 
+}
246 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
247 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
248 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
249 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
250 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
251 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
252 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
253 
+  color: #c7a589;
254 
+}
255 
+
256 
+/* Admin Menu: current */
257 
+#adminmenu .wp-submenu li.current a,
258 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
260 
+  color: #fff;
261 
+}
262 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
263 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
264 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
265 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
266 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
267 
+  color: #c7a589;
268 
+}
269 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#adminmenu > li.current > a.current:after {
272 
+  border-right-color: #f1f1f1;
273 
+}
274 
+
275 
+#adminmenu li.current a.menu-top,
276 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
277 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
278 
+.folded #adminmenu li.current.menu-top {
279 
+  color: #fff;
280 
+  background: #c7a589;
281 
+}
282 
+
283 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
284 
+#adminmenu a.current:hover div.wp-menu-image:before,
285 
+#adminmenu li.current div.wp-menu-image:before,
286 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
287 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
288 
+#adminmenu li:hover div.wp-menu-image:before,
289 
+#adminmenu li a:focus div.wp-menu-image:before,
290 
+#adminmenu li.opensub div.wp-menu-image:before {
291 
+  color: #fff;
292 
+}
293 
+
294 
+/* Admin Menu: bubble */
295 
+#adminmenu .awaiting-mod,
296 
+#adminmenu .update-plugins {
297 
+  color: #fff;
298 
+  background: #9ea476;
299 
+}
300 
+
301 
+#adminmenu li.current a .awaiting-mod,
302 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
303 
+#adminmenu li:hover a .awaiting-mod,
304 
+#adminmenu li.menu-top:hover > a .update-plugins {
305 
+  color: #fff;
306 
+  background: #46403c;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f3f2f1;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #c7a589;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #59524c;
323 
+}
324 
+
325 
+#wpadminbar .ab-item,
326 
+#wpadminbar a.ab-item,
327 
+#wpadminbar > #wp-toolbar span.ab-label,
328 
+#wpadminbar > #wp-toolbar span.noticon {
329 
+  color: #fff;
330 
+}
331 
+
332 
+#wpadminbar .ab-icon,
333 
+#wpadminbar .ab-icon:before,
334 
+#wpadminbar .ab-item:before,
335 
+#wpadminbar .ab-item:after {
336 
+  color: #f3f2f1;
337 
+}
338 
+
339 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
340 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
341 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
342 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
343 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
344 
+  color: #c7a589;
345 
+  background: #46403c;
346 
+}
347 
+
348 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
349 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
350 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
351 
+  color: #c7a589;
352 
+}
353 
+
354 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
355 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
356 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
357 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
358 
+  color: #c7a589;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #46403c;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #656463;
369 
+}
370 
+
371 
+#wpadminbar .ab-submenu .ab-item,
372 
+#wpadminbar .quicklinks .menupop ul li a,
373 
+#wpadminbar .quicklinks .menupop.hover ul li a,
374 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
375 
+  color: #cdcbc9;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f3f2f1;
381 
+}
382 
+
383 
+#wpadminbar .quicklinks .menupop ul li a:hover,
384 
+#wpadminbar .quicklinks .menupop ul li a:focus,
385 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
386 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
387 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
388 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
389 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
390 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
391 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
392 
+#wpadminbar li:hover .ab-icon:before,
393 
+#wpadminbar li:hover .ab-item:before,
394 
+#wpadminbar li a:focus .ab-icon:before,
395 
+#wpadminbar li .ab-item:focus:before,
396 
+#wpadminbar li .ab-item:focus .ab-icon:before,
397 
+#wpadminbar li.hover .ab-icon:before,
398 
+#wpadminbar li.hover .ab-item:before,
399 
+#wpadminbar li:hover #adminbarsearch:before,
400 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
401 
+  color: #c7a589;
402 
+}
403 
+
404 
+#wpadminbar .quicklinks li a:hover .blavatar,
405 
+#wpadminbar .quicklinks li a:focus .blavatar,
406 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
407 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
408 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
409 
+#wpadminbar.mobile .quicklinks .ab-item:before {
410 
+  color: #c7a589;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f3f2f1;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f3f2f1;
421 
+}
422 
+
423 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
424 
+  color: #fff;
425 
+  background: #6c645c;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #9ea476;
432 
+}
433 
+
434 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
435 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
436 
+  color: #fff;
437 
+}
438 
+
439 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
440 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
441 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
442 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
443 
+  color: #fff;
444 
+  background-color: #8e946a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #6c645c;
450 
+  background-color: #6c645c;
451 
+}
452 
+
453 
+#wpadminbar #wp-admin-bar-user-info .display-name {
454 
+  color: #fff;
455 
+}
456 
+
457 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
458 
+  color: #c7a589;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #cdcbc9;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #c7a589;
468 
+  border-color: #bf9878;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #c7a589;
473 
+}
474 
+
475 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
476 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
477 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
478 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
479 
+  border-bottom-color: #c7a589;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #c7a589;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #c7a589;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
499 
+}
500 
+
501 
+/* Themes */
502 
+.theme-browser .theme.active .theme-name,
503 
+.theme-browser .theme.add-new-theme a:hover:after,
504 
+.theme-browser .theme.add-new-theme a:focus:after {
505 
+  background: #c7a589;
506 
+}
507 
+
508 
+.theme-browser .theme.add-new-theme a:hover span:after,
509 
+.theme-browser .theme.add-new-theme a:focus span:after {
510 
+  color: #c7a589;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #59524c;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #59524c;
521 
+}
522 
+
523 
+body.more-filters-opened .more-filters:before {
524 
+  color: #fff;
525 
+}
526 
+
527 
+body.more-filters-opened .more-filters:hover,
528 
+body.more-filters-opened .more-filters:focus {
529 
+  background-color: #c7a589;
530 
+  color: #fff;
531 
+}
532 
+
533 
+body.more-filters-opened .more-filters:hover:before,
534 
+body.more-filters-opened .more-filters:focus:before {
535 
+  color: #fff;
536 
+}
537 
+
538 
+/* Widgets */
539 
+.widgets-chooser li.widgets-chooser-selected {
540 
+  background-color: #c7a589;
541 
+  color: #fff;
542 
+}
543 
+
544 
+.widgets-chooser li.widgets-chooser-selected:before,
545 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
546 
+  color: #fff;
547 
+}
548 
+
549 
+/* Nav Menus */
550 
+.nav-menus-php .item-edit:focus:before {
551 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f3f2f1;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #c7a589;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #46403c;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f3f2f1;
570 
+}
571 
+
572 
+/* TinyMCE */
573 
+.mce-container.mce-menu .mce-menu-item:hover,
574 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
575 
+.mce-container.mce-menu .mce-menu-item:focus,
576 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
577 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
578 
+  background: #c7a589;
579 
+}
580 
+
581 
+/* Customizer */
582 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
583 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
584 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
585 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
586 
+  color: #0073aa;
587 
+  border-left-color: #c7a589;
588 
+}
589 
+.wp-core-ui .customize-controls-close:focus,
590 
+.wp-core-ui .customize-controls-close:hover,
591 
+.wp-core-ui .customize-controls-preview-toggle:focus,
592 
+.wp-core-ui .customize-controls-preview-toggle:hover {
593 
+  color: #0073aa;
594 
+  border-top-color: #c7a589;
595 
+}
596 
+.wp-core-ui .customize-panel-back:hover,
597 
+.wp-core-ui .customize-panel-back:focus,
598 
+.wp-core-ui .customize-section-back:hover,
599 
+.wp-core-ui .customize-section-back:focus {
600 
+  color: #0073aa;
601 
+  border-left-color: #c7a589;
602 
+}
603 
+.wp-core-ui .customize-screen-options-toggle:hover,
604 
+.wp-core-ui .customize-screen-options-toggle:active,
605 
+.wp-core-ui .customize-screen-options-toggle:focus,
606 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
607 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
608 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
609 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
610 
+  color: #0073aa;
611 
+}
612 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
613 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
614 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
615 
+.wp-core-ui #available-menu-items .item-add:focus:before,
616 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
617 
+.wp-core-ui #publish-settings:focus {
618 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
619 
+}
620 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
621 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
622 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
623 
+  color: #0073aa;
624 
+}
625 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
626 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
627 
+  border-left-color: #c7a589;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #c7a589;
632 
+}
633 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
634 
+  color: #0073aa;
635 
+}
636 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
637 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
638 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
639 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
640 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
641 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
642 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
643 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
644 
+  color: #0073aa;
645 
+}
646 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
647 
+  background-color: #fbfbfc;
648 
+  border-color: #c7a589;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #c7a589;
651 
+  outline: 2px solid transparent;
652 
+}
653 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
654 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
655 
+  border-bottom-color: #c7a589;
656 
+}
657 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
658 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
659 
+  color: #c7a589;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #c7a589;
664 
+}
665 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
666 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
667 
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
668 
+}
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 
+  border-bottom-color: #c7a589;
671 
+  color: #0073aa;
672 
+}

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


+ 8 - 0
app/wp-admin/css/colors/coffee/colors.scss
View File 

@@ -0,0 +1,8 @@
1 
+$base-color: #59524c;
2 
+$highlight-color: #c7a589;
3 
+$notification-color: #9ea476;
4 
+$low-contrast-theme: "true";
5 
+
6 
+$form-checked: $base-color;
7 
+
8 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #523f6d;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #a3b745;
85 
+  box-shadow: 0 0 0 1px #a3b745;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #a3b745;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #a3b745;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #a3b745;
124 
+  border-color: #a3b745;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #829237;
130 
+  color: #829237;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #b6c669;
136 
+  color: #616d29;
137 
+  box-shadow: 0 0 0 1px #b6c669;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #a3b745;
144 
+  border-color: #a3b745;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #a9bd4f;
149 
+  border-color: #99ac41;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #93a43e;
157 
+  border-color: #93a43e;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #a3b745;
162 
+  color: #fff;
163 
+  border-color: #727f30;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #a3b745;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #523f6d;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #523f6d;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #a3b745;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #a3b745;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d46f15;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d46f15;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #ece6f6;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #a3b745;
198 
+  color: #a3b745;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #829237;
203 
+  border-color: #829237;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #b6c669;
208 
+  color: #616d29;
209 
+  box-shadow: 0 0 0 1px #b6c669;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #523f6d;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d46f15;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #523f6d;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #ece6f6;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #a3b745;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #413256;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #413256;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #cbc5d3;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #cbc5d3;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #a3b745;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #a3b745;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #a3b745;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d46f15;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #413256;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #ece6f6;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #a3b745;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #523f6d;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #ece6f6;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #a3b745;
378 
+  background: #413256;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #a3b745;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #a3b745;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #413256;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #64537c;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #cbc5d3;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #ece6f6;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #a3b745;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #a3b745;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #ece6f6;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #ece6f6;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #634c84;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d46f15;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #bf6413;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #634c84;
483 
+  background-color: #634c84;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #a3b745;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #cbc5d3;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #a3b745;
501 
+  border-color: #93a43e;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #a3b745;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #a3b745;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #a3b745;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #a3b745;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #a3b745;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #a3b745;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #523f6d;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #523f6d;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #a3b745;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #a3b745;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #ece6f6;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #a3b745;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #413256;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #ece6f6;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #a3b745;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-right-color: #a3b745;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #a3b745;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-right-color: #a3b745;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #a3b745;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #a3b745;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #a3b745;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #a3b745;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #a3b745;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #a3b745;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #a3b745;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
701 
+}
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 
+  border-bottom-color: #a3b745;
704 
+  color: #0073aa;
705 
+}

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


+ 705 - 0
app/wp-admin/css/colors/ectoplasm/colors.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #523f6d;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #a3b745;
85 
+  box-shadow: 0 0 0 1px #a3b745;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #a3b745;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #a3b745;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #a3b745;
124 
+  border-color: #a3b745;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #829237;
130 
+  color: #829237;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #b6c669;
136 
+  color: #616d29;
137 
+  box-shadow: 0 0 0 1px #b6c669;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #a3b745;
144 
+  border-color: #a3b745;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #a9bd4f;
149 
+  border-color: #99ac41;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #93a43e;
157 
+  border-color: #93a43e;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #a3b745;
162 
+  color: #fff;
163 
+  border-color: #727f30;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #a3b745;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #523f6d;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #523f6d;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #a3b745;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #a3b745;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d46f15;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d46f15;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #ece6f6;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #a3b745;
198 
+  color: #a3b745;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #829237;
203 
+  border-color: #829237;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #b6c669;
208 
+  color: #616d29;
209 
+  box-shadow: 0 0 0 1px #b6c669;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #523f6d;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d46f15;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #523f6d;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #ece6f6;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #a3b745;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #413256;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #413256;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #cbc5d3;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #cbc5d3;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #a3b745;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #a3b745;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #a3b745;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d46f15;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #413256;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #ece6f6;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #a3b745;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #523f6d;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #ece6f6;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #a3b745;
378 
+  background: #413256;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #a3b745;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #a3b745;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #413256;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #64537c;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #cbc5d3;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #ece6f6;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #a3b745;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #a3b745;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #ece6f6;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #ece6f6;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #634c84;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d46f15;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #bf6413;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #634c84;
483 
+  background-color: #634c84;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #a3b745;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #cbc5d3;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #a3b745;
501 
+  border-color: #93a43e;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #a3b745;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #a3b745;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #a3b745;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #a3b745;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #a3b745;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #a3b745;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #523f6d;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #523f6d;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #a3b745;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #a3b745;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #ece6f6;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #a3b745;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #413256;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #ece6f6;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #a3b745;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-left-color: #a3b745;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #a3b745;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-left-color: #a3b745;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #a3b745;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #a3b745;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #a3b745;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #a3b745;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #a3b745;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #a3b745;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #a3b745;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
701 
+}
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 
+  border-bottom-color: #a3b745;
704 
+  color: #0073aa;
705 
+}

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


+ 8 - 0
app/wp-admin/css/colors/ectoplasm/colors.scss
View File 

@@ -0,0 +1,8 @@
1 
+$base-color: #523f6d;
2 
+$icon-color: #ece6f6;
3 
+$highlight-color: #a3b745;
4 
+$notification-color: #d46f15;
5 
+
6 
+$form-checked: $base-color;
7 
+
8 
+@import "../_admin.scss";

+ 711 - 0
app/wp-admin/css/colors/light/colors-rtl.css
View File 

@@ -0,0 +1,711 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f5f5f5;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #04a4cc;
85 
+  box-shadow: 0 0 0 1px #04a4cc;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #04a4cc;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #04a4cc;
124 
+  border-color: #04a4cc;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #037c9a;
130 
+  color: #037c9a;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #09cafa;
136 
+  color: #025468;
137 
+  box-shadow: 0 0 0 1px #09cafa;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #04a4cc;
144 
+  border-color: #04a4cc;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #04b0db;
149 
+  border-color: #0498bd;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #0490b3;
157 
+  border-color: #0490b3;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #04a4cc;
162 
+  color: #fff;
163 
+  border-color: #036881;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #04a4cc;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #333;
171 
+  background-color: #e5e5e5;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #e5e5e5;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #888;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #888;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d64e07;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d64e07;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #999;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #04a4cc;
198 
+  color: #04a4cc;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #037c9a;
203 
+  border-color: #037c9a;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #09cafa;
208 
+  color: #025468;
209 
+  box-shadow: 0 0 0 1px #09cafa;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #e5e5e5;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d64e07;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #e5e5e5;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #333;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #999;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #888;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #ccc;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f5f5f5;
253 
+  border-bottom-color: #f5f5f5;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #fff;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #fff;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #686868;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #686868;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #04a4cc;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #333;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #04a4cc;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f5f5f5;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #888;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #ccc;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d64e07;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #333;
339 
+  background: #fff;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #777;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #04a4cc;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #333;
355 
+  background: #e5e5e5;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #333;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #999;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #04a4cc;
378 
+  background: #fff;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #04a4cc;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #04a4cc;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #fff;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #f7f7f7;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #686868;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #999;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #04a4cc;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #04a4cc;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #999;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #999;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #333;
458 
+  background: #f7f7f7;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d64e07;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #c14606;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #f7f7f7;
483 
+  background-color: #f7f7f7;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #333;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #04a4cc;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #686868;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #04a4cc;
501 
+  border-color: #0490b3;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #04a4cc;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #04a4cc;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #04a4cc;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #04a4cc;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #04a4cc;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #04a4cc;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #e5e5e5;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #333;
553 
+  background-color: #e5e5e5;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #333;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #888;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #888;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #999;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #888;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #fff;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #999;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #04a4cc;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-right-color: #04a4cc;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #04a4cc;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-right-color: #04a4cc;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #04a4cc;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #04a4cc;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #04a4cc;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #04a4cc;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #04a4cc;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #04a4cc;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #04a4cc;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
701 
+}
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 
+  border-bottom-color: #04a4cc;
704 
+  color: #0073aa;
705 
+}
706 
+
707 
+/* Override the theme filter highlight color for this scheme */
708 
+.theme-section.current,
709 
+.theme-filter.current {
710 
+  border-bottom-color: #04a4cc;
711 
+}

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


+ 711 - 0
app/wp-admin/css/colors/light/colors.css
View File 

@@ -0,0 +1,711 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f5f5f5;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #04a4cc;
85 
+  box-shadow: 0 0 0 1px #04a4cc;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #04a4cc;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #04a4cc;
124 
+  border-color: #04a4cc;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #037c9a;
130 
+  color: #037c9a;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #09cafa;
136 
+  color: #025468;
137 
+  box-shadow: 0 0 0 1px #09cafa;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #04a4cc;
144 
+  border-color: #04a4cc;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #04b0db;
149 
+  border-color: #0498bd;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #0490b3;
157 
+  border-color: #0490b3;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #04a4cc;
162 
+  color: #fff;
163 
+  border-color: #036881;
164 
+  box-shadow: inset 0 2px 5px -3px black;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #04a4cc;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #333;
171 
+  background-color: #e5e5e5;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #e5e5e5;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #888;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #888;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #d64e07;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #d64e07;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #999;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #04a4cc;
198 
+  color: #04a4cc;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #037c9a;
203 
+  border-color: #037c9a;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #09cafa;
208 
+  color: #025468;
209 
+  box-shadow: 0 0 0 1px #09cafa;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #e5e5e5;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #d64e07;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #e5e5e5;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #333;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #999;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #888;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #ccc;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f5f5f5;
253 
+  border-bottom-color: #f5f5f5;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #fff;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #fff;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #686868;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #686868;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #04a4cc;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #333;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #04a4cc;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f5f5f5;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #888;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #ccc;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #d64e07;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #333;
339 
+  background: #fff;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #777;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #04a4cc;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #333;
355 
+  background: #e5e5e5;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #333;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #999;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #04a4cc;
378 
+  background: #fff;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #04a4cc;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #04a4cc;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #fff;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #f7f7f7;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #686868;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #999;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #04a4cc;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #04a4cc;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #999;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #999;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #333;
458 
+  background: #f7f7f7;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #d64e07;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #c14606;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #f7f7f7;
483 
+  background-color: #f7f7f7;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #333;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #04a4cc;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #686868;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #04a4cc;
501 
+  border-color: #0490b3;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #04a4cc;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #04a4cc;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #04a4cc;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #04a4cc;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #04a4cc;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #04a4cc;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #e5e5e5;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #333;
553 
+  background-color: #e5e5e5;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #333;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #888;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #888;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #999;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #888;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #fff;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #999;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #04a4cc;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-left-color: #04a4cc;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #04a4cc;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-left-color: #04a4cc;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #04a4cc;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #04a4cc;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #04a4cc;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #04a4cc;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #04a4cc;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #04a4cc;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #04a4cc;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
701 
+}
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 
+  border-bottom-color: #04a4cc;
704 
+  color: #0073aa;
705 
+}
706 
+
707 
+/* Override the theme filter highlight color for this scheme */
708 
+.theme-section.current,
709 
+.theme-filter.current {
710 
+  border-bottom-color: #04a4cc;
711 
+}

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


+ 26 - 0
app/wp-admin/css/colors/light/colors.scss
View File 

@@ -0,0 +1,26 @@
1 
+$base-color: #e5e5e5;
2 
+$icon-color: #999;
3 
+$text-color: #333;
4 
+$highlight-color: #04a4cc;
5 
+$notification-color: #d64e07;
6 
+
7 
+$body-background: #f5f5f5;
8 
+
9 
+$menu-highlight-text: #fff;
10 
+$menu-highlight-icon: #ccc;
11 
+$menu-highlight-background: #888;
12 
+
13 
+$menu-bubble-text: #fff;
14 
+$menu-avatar-frame: #aaa;
15 
+$menu-submenu-background: #fff;
16 
+
17 
+$menu-collapse-text: #777;
18 
+$menu-collapse-focus-icon: #555;
19 
+
20 
+@import "../_admin.scss";
21 
+
22 
+/* Override the theme filter highlight color for this scheme */
23 
+.theme-section.current,
24 
+.theme-filter.current {
25 
+	border-bottom-color: $highlight-color;
26 
+}

+ 705 - 0
app/wp-admin/css/colors/midnight/colors-rtl.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #e14d43;
85 
+  box-shadow: 0 0 0 1px #e14d43;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #e14d43;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e14d43;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #e14d43;
124 
+  border-color: #e14d43;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #d02c21;
130 
+  color: #d02c21;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e8776f;
136 
+  color: #a4231a;
137 
+  box-shadow: 0 0 0 1px #e8776f;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e14d43;
144 
+  border-color: #e14d43;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e35950;
149 
+  border-color: #df4136;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd382d;
157 
+  border-color: #dd382d;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #e14d43;
162 
+  color: #fff;
163 
+  border-color: #ba281e;
164 
+  box-shadow: inset 0 2px 5px -3px #200705;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e14d43;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #363b3f;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #363b3f;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #e14d43;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #e14d43;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #69a8bb;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #69a8bb;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f1f2f3;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #e14d43;
198 
+  color: #e14d43;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #d02c21;
203 
+  border-color: #d02c21;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e8776f;
208 
+  color: #a4231a;
209 
+  box-shadow: 0 0 0 1px #e8776f;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #363b3f;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #69a8bb;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #363b3f;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f1f2f3;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #e14d43;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #26292c;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #26292c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #c3c4c5;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #c3c4c5;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #e14d43;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #e14d43;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #e14d43;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #69a8bb;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #26292c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f1f2f3;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #e14d43;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #363b3f;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f1f2f3;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #e14d43;
378 
+  background: #26292c;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #e14d43;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #e14d43;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #26292c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #4c4c4d;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #c3c4c5;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f1f2f3;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #e14d43;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #e14d43;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f1f2f3;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f1f2f3;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #464d52;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #69a8bb;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #5f97a8;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #464d52;
483 
+  background-color: #464d52;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #e14d43;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #c3c4c5;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #e14d43;
501 
+  border-color: #dd382d;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #e14d43;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #e14d43;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #e14d43;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #e14d43;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #e14d43;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #e14d43;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #363b3f;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #363b3f;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #e14d43;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #e14d43;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f1f2f3;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #e14d43;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #26292c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f1f2f3;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #e14d43;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-right-color: #e14d43;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #e14d43;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-right-color: #e14d43;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #e14d43;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e14d43;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #e14d43;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e14d43;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #e14d43;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #e14d43;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e14d43;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
701 
+}
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 
+  border-bottom-color: #e14d43;
704 
+  color: #0073aa;
705 
+}

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


+ 705 - 0
app/wp-admin/css/colors/midnight/colors.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #e14d43;
85 
+  box-shadow: 0 0 0 1px #e14d43;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #e14d43;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #e14d43;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #e14d43;
124 
+  border-color: #e14d43;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #d02c21;
130 
+  color: #d02c21;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e8776f;
136 
+  color: #a4231a;
137 
+  box-shadow: 0 0 0 1px #e8776f;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #e14d43;
144 
+  border-color: #e14d43;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #e35950;
149 
+  border-color: #df4136;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #dd382d;
157 
+  border-color: #dd382d;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #e14d43;
162 
+  color: #fff;
163 
+  border-color: #ba281e;
164 
+  box-shadow: inset 0 2px 5px -3px #200705;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #e14d43;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #363b3f;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #363b3f;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #e14d43;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #e14d43;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #69a8bb;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #69a8bb;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f1f2f3;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #e14d43;
198 
+  color: #e14d43;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #d02c21;
203 
+  border-color: #d02c21;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e8776f;
208 
+  color: #a4231a;
209 
+  box-shadow: 0 0 0 1px #e8776f;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #363b3f;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #69a8bb;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #363b3f;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f1f2f3;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #e14d43;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #26292c;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #26292c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #c3c4c5;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #c3c4c5;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #e14d43;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #e14d43;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #e14d43;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #69a8bb;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #26292c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f1f2f3;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #e14d43;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #363b3f;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f1f2f3;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #e14d43;
378 
+  background: #26292c;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #e14d43;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #e14d43;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #26292c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #4c4c4d;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #c3c4c5;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f1f2f3;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #e14d43;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #e14d43;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f1f2f3;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f1f2f3;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #464d52;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #69a8bb;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #5f97a8;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #464d52;
483 
+  background-color: #464d52;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #e14d43;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #c3c4c5;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #e14d43;
501 
+  border-color: #dd382d;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #e14d43;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #e14d43;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #e14d43;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #e14d43;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #e14d43;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #e14d43;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #363b3f;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #363b3f;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #e14d43;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #e14d43;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f1f2f3;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #e14d43;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #26292c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f1f2f3;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #e14d43;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-left-color: #e14d43;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #e14d43;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-left-color: #e14d43;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #e14d43;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #e14d43;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #e14d43;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #e14d43;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #e14d43;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #e14d43;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #e14d43;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
701 
+}
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 
+  border-bottom-color: #e14d43;
704 
+  color: #0073aa;
705 
+}

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


+ 5 - 0
app/wp-admin/css/colors/midnight/colors.scss
View File 

@@ -0,0 +1,5 @@
1 
+$base-color: #363b3f;
2 
+$highlight-color: #e14d43;
3 
+$notification-color: #69a8bb;
4 
+
5 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/modern/colors-rtl.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #3858e9;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #183ad6;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #3858e9;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #183ad6;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #183ad6;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #3858e9;
85 
+  box-shadow: 0 0 0 1px #3858e9;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #3858e9;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #3858e9;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #3858e9;
124 
+  border-color: #3858e9;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #183ad6;
130 
+  color: #183ad6;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #667fee;
136 
+  color: #132ea8;
137 
+  box-shadow: 0 0 0 1px #667fee;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #3858e9;
144 
+  border-color: #3858e9;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #4664eb;
149 
+  border-color: #2a4ce7;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #2145e6;
157 
+  border-color: #2145e6;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #3858e9;
162 
+  color: #fff;
163 
+  border-color: #1534bf;
164 
+  box-shadow: inset 0 2px 5px -3px #03081f;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #3858e9;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #1e1e1e;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #1e1e1e;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #3858e9;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #3858e9;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #3858e9;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #3858e9;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #3858e9;
198 
+  color: #3858e9;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #183ad6;
203 
+  border-color: #183ad6;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #667fee;
208 
+  color: #132ea8;
209 
+  box-shadow: 0 0 0 1px #667fee;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #1e1e1e;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #3858e9;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #1e1e1e;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #3858e9;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #0c0c0c;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #0c0c0c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #bcbcbc;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #bcbcbc;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #33f078;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #33f078;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #3858e9;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #3858e9;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #0c0c0c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #33f078;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #1e1e1e;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f3f1f1;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #33f078;
378 
+  background: #0c0c0c;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #33f078;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #33f078;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #0c0c0c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #303030;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #bcbcbc;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #33f078;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #33f078;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #303030;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #3858e9;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #324fd2;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #303030;
483 
+  background-color: #303030;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #33f078;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #bcbcbc;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #3858e9;
501 
+  border-color: #2145e6;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #3858e9;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #3858e9;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #3858e9;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #3858e9;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #3858e9;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #3858e9;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #1e1e1e;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #1e1e1e;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #3858e9;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #3858e9;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #3858e9;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #0c0c0c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #3858e9;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #3858e9;
620 
+  border-right-color: #3858e9;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #3858e9;
627 
+  border-top-color: #3858e9;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #3858e9;
634 
+  border-right-color: #3858e9;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #3858e9;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #3858e9;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #3858e9;
661 
+  color: #3858e9;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #3858e9;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #3858e9;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #3858e9;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #3858e9;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #3858e9;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #3858e9;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #3858e9;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #3858e9;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
701 
+}
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 
+  border-bottom-color: #3858e9;
704 
+  color: #3858e9;
705 
+}

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


+ 705 - 0
app/wp-admin/css/colors/modern/colors.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #3858e9;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #183ad6;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #3858e9;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #183ad6;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #183ad6;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #3858e9;
85 
+  box-shadow: 0 0 0 1px #3858e9;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #3858e9;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #3858e9;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #3858e9;
124 
+  border-color: #3858e9;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #183ad6;
130 
+  color: #183ad6;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #667fee;
136 
+  color: #132ea8;
137 
+  box-shadow: 0 0 0 1px #667fee;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #3858e9;
144 
+  border-color: #3858e9;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #4664eb;
149 
+  border-color: #2a4ce7;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #2145e6;
157 
+  border-color: #2145e6;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #3858e9;
162 
+  color: #fff;
163 
+  border-color: #1534bf;
164 
+  box-shadow: inset 0 2px 5px -3px #03081f;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #3858e9;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #1e1e1e;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #1e1e1e;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #3858e9;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #3858e9;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #3858e9;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #3858e9;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #3858e9;
198 
+  color: #3858e9;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #183ad6;
203 
+  border-color: #183ad6;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #667fee;
208 
+  color: #132ea8;
209 
+  box-shadow: 0 0 0 1px #667fee;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #1e1e1e;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #3858e9;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #1e1e1e;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #3858e9;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #0c0c0c;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #0c0c0c;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #bcbcbc;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #bcbcbc;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #33f078;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #33f078;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #3858e9;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #3858e9;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #0c0c0c;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #33f078;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #1e1e1e;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f3f1f1;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #33f078;
378 
+  background: #0c0c0c;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #33f078;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #33f078;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #0c0c0c;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #303030;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #bcbcbc;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #33f078;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #33f078;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #303030;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #3858e9;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #324fd2;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #303030;
483 
+  background-color: #303030;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #33f078;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #bcbcbc;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #3858e9;
501 
+  border-color: #2145e6;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #3858e9;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #3858e9;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #3858e9;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #3858e9;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #3858e9;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #3858e9;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #1e1e1e;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #1e1e1e;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #3858e9;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #3858e9;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #3858e9;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #0c0c0c;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #3858e9;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #3858e9;
620 
+  border-left-color: #3858e9;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #3858e9;
627 
+  border-top-color: #3858e9;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #3858e9;
634 
+  border-left-color: #3858e9;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #3858e9;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #3858e9;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #3858e9;
661 
+  color: #3858e9;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #3858e9;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #3858e9;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #3858e9;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #3858e9;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #3858e9;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #3858e9;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #3858e9;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #3858e9;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
701 
+}
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 
+  border-bottom-color: #3858e9;
704 
+  color: #3858e9;
705 
+}

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


+ 9 - 0
app/wp-admin/css/colors/modern/colors.scss
View File 

@@ -0,0 +1,9 @@
1 
+$base-color: #1e1e1e;
2 
+$highlight-color: #3858e9;
3 
+$menu-submenu-focus-text: #33f078;
4 
+$notification-color: $highlight-color;
5 
+
6 
+$link: $highlight-color;
7 
+$link-focus: darken($highlight-color, 10%);
8 
+
9 
+@import "../_admin.scss";

+ 672 - 0
app/wp-admin/css/colors/ocean/colors-rtl.css
View File 

@@ -0,0 +1,672 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #738e96;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #9ebaa0;
85 
+  box-shadow: 0 0 0 1px #9ebaa0;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #9ebaa0;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button-primary {
122 
+  background: #9ebaa0;
123 
+  border-color: #9ebaa0;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #a7c0a9;
128 
+  border-color: #95b497;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #8faf91;
136 
+  border-color: #8faf91;
137 
+  color: #fff;
138 
+}
139 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
140 
+  background: #9ebaa0;
141 
+  color: #fff;
142 
+  border-color: #719a74;
143 
+  box-shadow: inset 0 2px 5px -3px #253426;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #9ebaa0;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #738e96;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #738e96;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #9ebaa0;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #9ebaa0;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #aa9d88;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #aa9d88;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f2fcff;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #738e96;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #738e96;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #aa9d88;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #738e96;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f2fcff;
200 
+}
201 
+
202 
+#adminmenu a:hover,
203 
+#adminmenu li.menu-top:hover,
204 
+#adminmenu li.opensub > a.menu-top,
205 
+#adminmenu li > a.menu-top:focus {
206 
+  color: #fff;
207 
+  background-color: #9ebaa0;
208 
+}
209 
+
210 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
211 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
212 
+  color: #fff;
213 
+}
214 
+
215 
+/* Active tabs use a bottom border color that matches the page background color. */
216 
+.about-wrap .nav-tab-active,
217 
+.nav-tab-active,
218 
+.nav-tab-active:hover {
219 
+  background-color: #f1f1f1;
220 
+  border-bottom-color: #f1f1f1;
221 
+}
222 
+
223 
+/* Admin Menu: submenu */
224 
+#adminmenu .wp-submenu,
225 
+#adminmenu .wp-has-current-submenu .wp-submenu,
226 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
227 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
228 
+  background: #627c83;
229 
+}
230 
+
231 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
232 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
233 
+  border-left-color: #627c83;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #d5dde0;
238 
+}
239 
+
240 
+#adminmenu .wp-submenu a,
241 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
242 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
243 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
244 
+  color: #d5dde0;
245 
+}
246 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
247 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
248 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
249 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
250 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
251 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
252 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
253 
+  color: #9ebaa0;
254 
+}
255 
+
256 
+/* Admin Menu: current */
257 
+#adminmenu .wp-submenu li.current a,
258 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
260 
+  color: #fff;
261 
+}
262 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
263 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
264 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
265 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
266 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
267 
+  color: #9ebaa0;
268 
+}
269 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#adminmenu > li.current > a.current:after {
272 
+  border-left-color: #f1f1f1;
273 
+}
274 
+
275 
+#adminmenu li.current a.menu-top,
276 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
277 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
278 
+.folded #adminmenu li.current.menu-top {
279 
+  color: #fff;
280 
+  background: #9ebaa0;
281 
+}
282 
+
283 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
284 
+#adminmenu a.current:hover div.wp-menu-image:before,
285 
+#adminmenu li.current div.wp-menu-image:before,
286 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
287 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
288 
+#adminmenu li:hover div.wp-menu-image:before,
289 
+#adminmenu li a:focus div.wp-menu-image:before,
290 
+#adminmenu li.opensub div.wp-menu-image:before {
291 
+  color: #fff;
292 
+}
293 
+
294 
+/* Admin Menu: bubble */
295 
+#adminmenu .awaiting-mod,
296 
+#adminmenu .update-plugins {
297 
+  color: #fff;
298 
+  background: #aa9d88;
299 
+}
300 
+
301 
+#adminmenu li.current a .awaiting-mod,
302 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
303 
+#adminmenu li:hover a .awaiting-mod,
304 
+#adminmenu li.menu-top:hover > a .update-plugins {
305 
+  color: #fff;
306 
+  background: #627c83;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f2fcff;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #9ebaa0;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #738e96;
323 
+}
324 
+
325 
+#wpadminbar .ab-item,
326 
+#wpadminbar a.ab-item,
327 
+#wpadminbar > #wp-toolbar span.ab-label,
328 
+#wpadminbar > #wp-toolbar span.noticon {
329 
+  color: #fff;
330 
+}
331 
+
332 
+#wpadminbar .ab-icon,
333 
+#wpadminbar .ab-icon:before,
334 
+#wpadminbar .ab-item:before,
335 
+#wpadminbar .ab-item:after {
336 
+  color: #f2fcff;
337 
+}
338 
+
339 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
340 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
341 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
342 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
343 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
344 
+  color: #9ebaa0;
345 
+  background: #627c83;
346 
+}
347 
+
348 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
349 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
350 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
351 
+  color: #9ebaa0;
352 
+}
353 
+
354 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
355 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
356 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
357 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
358 
+  color: #9ebaa0;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #627c83;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #8f9a9e;
369 
+}
370 
+
371 
+#wpadminbar .ab-submenu .ab-item,
372 
+#wpadminbar .quicklinks .menupop ul li a,
373 
+#wpadminbar .quicklinks .menupop.hover ul li a,
374 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
375 
+  color: #d5dde0;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f2fcff;
381 
+}
382 
+
383 
+#wpadminbar .quicklinks .menupop ul li a:hover,
384 
+#wpadminbar .quicklinks .menupop ul li a:focus,
385 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
386 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
387 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
388 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
389 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
390 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
391 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
392 
+#wpadminbar li:hover .ab-icon:before,
393 
+#wpadminbar li:hover .ab-item:before,
394 
+#wpadminbar li a:focus .ab-icon:before,
395 
+#wpadminbar li .ab-item:focus:before,
396 
+#wpadminbar li .ab-item:focus .ab-icon:before,
397 
+#wpadminbar li.hover .ab-icon:before,
398 
+#wpadminbar li.hover .ab-item:before,
399 
+#wpadminbar li:hover #adminbarsearch:before,
400 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
401 
+  color: #9ebaa0;
402 
+}
403 
+
404 
+#wpadminbar .quicklinks li a:hover .blavatar,
405 
+#wpadminbar .quicklinks li a:focus .blavatar,
406 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
407 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
408 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
409 
+#wpadminbar.mobile .quicklinks .ab-item:before {
410 
+  color: #9ebaa0;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f2fcff;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f2fcff;
421 
+}
422 
+
423 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
424 
+  color: #fff;
425 
+  background: #879ea5;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #aa9d88;
432 
+}
433 
+
434 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
435 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
436 
+  color: #fff;
437 
+}
438 
+
439 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
440 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
441 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
442 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
443 
+  color: #fff;
444 
+  background-color: #998d7a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #879ea5;
450 
+  background-color: #879ea5;
451 
+}
452 
+
453 
+#wpadminbar #wp-admin-bar-user-info .display-name {
454 
+  color: #fff;
455 
+}
456 
+
457 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
458 
+  color: #9ebaa0;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #d5dde0;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #9ebaa0;
468 
+  border-color: #8faf91;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #9ebaa0;
473 
+}
474 
+
475 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
476 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
477 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
478 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
479 
+  border-bottom-color: #9ebaa0;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #9ebaa0;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #9ebaa0;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
499 
+}
500 
+
501 
+/* Themes */
502 
+.theme-browser .theme.active .theme-name,
503 
+.theme-browser .theme.add-new-theme a:hover:after,
504 
+.theme-browser .theme.add-new-theme a:focus:after {
505 
+  background: #9ebaa0;
506 
+}
507 
+
508 
+.theme-browser .theme.add-new-theme a:hover span:after,
509 
+.theme-browser .theme.add-new-theme a:focus span:after {
510 
+  color: #9ebaa0;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #738e96;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #738e96;
521 
+}
522 
+
523 
+body.more-filters-opened .more-filters:before {
524 
+  color: #fff;
525 
+}
526 
+
527 
+body.more-filters-opened .more-filters:hover,
528 
+body.more-filters-opened .more-filters:focus {
529 
+  background-color: #9ebaa0;
530 
+  color: #fff;
531 
+}
532 
+
533 
+body.more-filters-opened .more-filters:hover:before,
534 
+body.more-filters-opened .more-filters:focus:before {
535 
+  color: #fff;
536 
+}
537 
+
538 
+/* Widgets */
539 
+.widgets-chooser li.widgets-chooser-selected {
540 
+  background-color: #9ebaa0;
541 
+  color: #fff;
542 
+}
543 
+
544 
+.widgets-chooser li.widgets-chooser-selected:before,
545 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
546 
+  color: #fff;
547 
+}
548 
+
549 
+/* Nav Menus */
550 
+.nav-menus-php .item-edit:focus:before {
551 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f2fcff;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #9ebaa0;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #627c83;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f2fcff;
570 
+}
571 
+
572 
+/* TinyMCE */
573 
+.mce-container.mce-menu .mce-menu-item:hover,
574 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
575 
+.mce-container.mce-menu .mce-menu-item:focus,
576 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
577 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
578 
+  background: #9ebaa0;
579 
+}
580 
+
581 
+/* Customizer */
582 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
583 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
584 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
585 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
586 
+  color: #0073aa;
587 
+  border-right-color: #9ebaa0;
588 
+}
589 
+.wp-core-ui .customize-controls-close:focus,
590 
+.wp-core-ui .customize-controls-close:hover,
591 
+.wp-core-ui .customize-controls-preview-toggle:focus,
592 
+.wp-core-ui .customize-controls-preview-toggle:hover {
593 
+  color: #0073aa;
594 
+  border-top-color: #9ebaa0;
595 
+}
596 
+.wp-core-ui .customize-panel-back:hover,
597 
+.wp-core-ui .customize-panel-back:focus,
598 
+.wp-core-ui .customize-section-back:hover,
599 
+.wp-core-ui .customize-section-back:focus {
600 
+  color: #0073aa;
601 
+  border-right-color: #9ebaa0;
602 
+}
603 
+.wp-core-ui .customize-screen-options-toggle:hover,
604 
+.wp-core-ui .customize-screen-options-toggle:active,
605 
+.wp-core-ui .customize-screen-options-toggle:focus,
606 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
607 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
608 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
609 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
610 
+  color: #0073aa;
611 
+}
612 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
613 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
614 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
615 
+.wp-core-ui #available-menu-items .item-add:focus:before,
616 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
617 
+.wp-core-ui #publish-settings:focus {
618 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
619 
+}
620 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
621 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
622 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
623 
+  color: #0073aa;
624 
+}
625 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
626 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
627 
+  border-right-color: #9ebaa0;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #9ebaa0;
632 
+}
633 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
634 
+  color: #0073aa;
635 
+}
636 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
637 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
638 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
639 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
640 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
641 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
642 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
643 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
644 
+  color: #0073aa;
645 
+}
646 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
647 
+  background-color: #fbfbfc;
648 
+  border-color: #9ebaa0;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #9ebaa0;
651 
+  outline: 2px solid transparent;
652 
+}
653 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
654 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
655 
+  border-bottom-color: #9ebaa0;
656 
+}
657 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
658 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
659 
+  color: #9ebaa0;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #9ebaa0;
664 
+}
665 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
666 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
667 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
668 
+}
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 
+  border-bottom-color: #9ebaa0;
671 
+  color: #0073aa;
672 
+}

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


+ 672 - 0
app/wp-admin/css/colors/ocean/colors.css
View File 

@@ -0,0 +1,672 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #738e96;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #9ebaa0;
85 
+  box-shadow: 0 0 0 1px #9ebaa0;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #9ebaa0;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button-primary {
122 
+  background: #9ebaa0;
123 
+  border-color: #9ebaa0;
124 
+  color: #fff;
125 
+}
126 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
127 
+  background: #a7c0a9;
128 
+  border-color: #95b497;
129 
+  color: #fff;
130 
+}
131 
+.wp-core-ui .button-primary:focus {
132 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
133 
+}
134 
+.wp-core-ui .button-primary:active {
135 
+  background: #8faf91;
136 
+  border-color: #8faf91;
137 
+  color: #fff;
138 
+}
139 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
140 
+  background: #9ebaa0;
141 
+  color: #fff;
142 
+  border-color: #719a74;
143 
+  box-shadow: inset 0 2px 5px -3px #253426;
144 
+}
145 
+.wp-core-ui .button-group > .button.active {
146 
+  border-color: #9ebaa0;
147 
+}
148 
+.wp-core-ui .wp-ui-primary {
149 
+  color: #fff;
150 
+  background-color: #738e96;
151 
+}
152 
+.wp-core-ui .wp-ui-text-primary {
153 
+  color: #738e96;
154 
+}
155 
+.wp-core-ui .wp-ui-highlight {
156 
+  color: #fff;
157 
+  background-color: #9ebaa0;
158 
+}
159 
+.wp-core-ui .wp-ui-text-highlight {
160 
+  color: #9ebaa0;
161 
+}
162 
+.wp-core-ui .wp-ui-notification {
163 
+  color: #fff;
164 
+  background-color: #aa9d88;
165 
+}
166 
+.wp-core-ui .wp-ui-text-notification {
167 
+  color: #aa9d88;
168 
+}
169 
+.wp-core-ui .wp-ui-text-icon {
170 
+  color: #f2fcff;
171 
+}
172 
+
173 
+/* List tables */
174 
+.wrap .page-title-action:hover {
175 
+  color: #fff;
176 
+  background-color: #738e96;
177 
+}
178 
+
179 
+.view-switch a.current:before {
180 
+  color: #738e96;
181 
+}
182 
+
183 
+.view-switch a:hover:before {
184 
+  color: #aa9d88;
185 
+}
186 
+
187 
+/* Admin Menu */
188 
+#adminmenuback,
189 
+#adminmenuwrap,
190 
+#adminmenu {
191 
+  background: #738e96;
192 
+}
193 
+
194 
+#adminmenu a {
195 
+  color: #fff;
196 
+}
197 
+
198 
+#adminmenu div.wp-menu-image:before {
199 
+  color: #f2fcff;
200 
+}
201 
+
202 
+#adminmenu a:hover,
203 
+#adminmenu li.menu-top:hover,
204 
+#adminmenu li.opensub > a.menu-top,
205 
+#adminmenu li > a.menu-top:focus {
206 
+  color: #fff;
207 
+  background-color: #9ebaa0;
208 
+}
209 
+
210 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
211 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
212 
+  color: #fff;
213 
+}
214 
+
215 
+/* Active tabs use a bottom border color that matches the page background color. */
216 
+.about-wrap .nav-tab-active,
217 
+.nav-tab-active,
218 
+.nav-tab-active:hover {
219 
+  background-color: #f1f1f1;
220 
+  border-bottom-color: #f1f1f1;
221 
+}
222 
+
223 
+/* Admin Menu: submenu */
224 
+#adminmenu .wp-submenu,
225 
+#adminmenu .wp-has-current-submenu .wp-submenu,
226 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
227 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
228 
+  background: #627c83;
229 
+}
230 
+
231 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
232 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
233 
+  border-right-color: #627c83;
234 
+}
235 
+
236 
+#adminmenu .wp-submenu .wp-submenu-head {
237 
+  color: #d5dde0;
238 
+}
239 
+
240 
+#adminmenu .wp-submenu a,
241 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
242 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
243 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
244 
+  color: #d5dde0;
245 
+}
246 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
247 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
248 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
249 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
250 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
251 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
252 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
253 
+  color: #9ebaa0;
254 
+}
255 
+
256 
+/* Admin Menu: current */
257 
+#adminmenu .wp-submenu li.current a,
258 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
260 
+  color: #fff;
261 
+}
262 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
263 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
264 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
265 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
266 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
267 
+  color: #9ebaa0;
268 
+}
269 
+
270 
+ul#adminmenu a.wp-has-current-submenu:after,
271 
+ul#adminmenu > li.current > a.current:after {
272 
+  border-right-color: #f1f1f1;
273 
+}
274 
+
275 
+#adminmenu li.current a.menu-top,
276 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
277 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
278 
+.folded #adminmenu li.current.menu-top {
279 
+  color: #fff;
280 
+  background: #9ebaa0;
281 
+}
282 
+
283 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
284 
+#adminmenu a.current:hover div.wp-menu-image:before,
285 
+#adminmenu li.current div.wp-menu-image:before,
286 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
287 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
288 
+#adminmenu li:hover div.wp-menu-image:before,
289 
+#adminmenu li a:focus div.wp-menu-image:before,
290 
+#adminmenu li.opensub div.wp-menu-image:before {
291 
+  color: #fff;
292 
+}
293 
+
294 
+/* Admin Menu: bubble */
295 
+#adminmenu .awaiting-mod,
296 
+#adminmenu .update-plugins {
297 
+  color: #fff;
298 
+  background: #aa9d88;
299 
+}
300 
+
301 
+#adminmenu li.current a .awaiting-mod,
302 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
303 
+#adminmenu li:hover a .awaiting-mod,
304 
+#adminmenu li.menu-top:hover > a .update-plugins {
305 
+  color: #fff;
306 
+  background: #627c83;
307 
+}
308 
+
309 
+/* Admin Menu: collapse button */
310 
+#collapse-button {
311 
+  color: #f2fcff;
312 
+}
313 
+
314 
+#collapse-button:hover,
315 
+#collapse-button:focus {
316 
+  color: #9ebaa0;
317 
+}
318 
+
319 
+/* Admin Bar */
320 
+#wpadminbar {
321 
+  color: #fff;
322 
+  background: #738e96;
323 
+}
324 
+
325 
+#wpadminbar .ab-item,
326 
+#wpadminbar a.ab-item,
327 
+#wpadminbar > #wp-toolbar span.ab-label,
328 
+#wpadminbar > #wp-toolbar span.noticon {
329 
+  color: #fff;
330 
+}
331 
+
332 
+#wpadminbar .ab-icon,
333 
+#wpadminbar .ab-icon:before,
334 
+#wpadminbar .ab-item:before,
335 
+#wpadminbar .ab-item:after {
336 
+  color: #f2fcff;
337 
+}
338 
+
339 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
340 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
341 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
342 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
343 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
344 
+  color: #9ebaa0;
345 
+  background: #627c83;
346 
+}
347 
+
348 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
349 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
350 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
351 
+  color: #9ebaa0;
352 
+}
353 
+
354 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
355 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
356 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
357 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
358 
+  color: #9ebaa0;
359 
+}
360 
+
361 
+/* Admin Bar: submenu */
362 
+#wpadminbar .menupop .ab-sub-wrapper {
363 
+  background: #627c83;
364 
+}
365 
+
366 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368 
+  background: #8f9a9e;
369 
+}
370 
+
371 
+#wpadminbar .ab-submenu .ab-item,
372 
+#wpadminbar .quicklinks .menupop ul li a,
373 
+#wpadminbar .quicklinks .menupop.hover ul li a,
374 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
375 
+  color: #d5dde0;
376 
+}
377 
+
378 
+#wpadminbar .quicklinks li .blavatar,
379 
+#wpadminbar .menupop .menupop > .ab-item:before {
380 
+  color: #f2fcff;
381 
+}
382 
+
383 
+#wpadminbar .quicklinks .menupop ul li a:hover,
384 
+#wpadminbar .quicklinks .menupop ul li a:focus,
385 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
386 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
387 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
388 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
389 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
390 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
391 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
392 
+#wpadminbar li:hover .ab-icon:before,
393 
+#wpadminbar li:hover .ab-item:before,
394 
+#wpadminbar li a:focus .ab-icon:before,
395 
+#wpadminbar li .ab-item:focus:before,
396 
+#wpadminbar li .ab-item:focus .ab-icon:before,
397 
+#wpadminbar li.hover .ab-icon:before,
398 
+#wpadminbar li.hover .ab-item:before,
399 
+#wpadminbar li:hover #adminbarsearch:before,
400 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
401 
+  color: #9ebaa0;
402 
+}
403 
+
404 
+#wpadminbar .quicklinks li a:hover .blavatar,
405 
+#wpadminbar .quicklinks li a:focus .blavatar,
406 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
407 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
408 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
409 
+#wpadminbar.mobile .quicklinks .ab-item:before {
410 
+  color: #9ebaa0;
411 
+}
412 
+
413 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
+  color: #f2fcff;
416 
+}
417 
+
418 
+/* Admin Bar: search */
419 
+#wpadminbar #adminbarsearch:before {
420 
+  color: #f2fcff;
421 
+}
422 
+
423 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
424 
+  color: #fff;
425 
+  background: #879ea5;
426 
+}
427 
+
428 
+/* Admin Bar: recovery mode */
429 
+#wpadminbar #wp-admin-bar-recovery-mode {
430 
+  color: #fff;
431 
+  background-color: #aa9d88;
432 
+}
433 
+
434 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
435 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
436 
+  color: #fff;
437 
+}
438 
+
439 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
440 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
441 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
442 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
443 
+  color: #fff;
444 
+  background-color: #998d7a;
445 
+}
446 
+
447 
+/* Admin Bar: my account */
448 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
449 
+  border-color: #879ea5;
450 
+  background-color: #879ea5;
451 
+}
452 
+
453 
+#wpadminbar #wp-admin-bar-user-info .display-name {
454 
+  color: #fff;
455 
+}
456 
+
457 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
458 
+  color: #9ebaa0;
459 
+}
460 
+
461 
+#wpadminbar #wp-admin-bar-user-info .username {
462 
+  color: #d5dde0;
463 
+}
464 
+
465 
+/* Pointers */
466 
+.wp-pointer .wp-pointer-content h3 {
467 
+  background-color: #9ebaa0;
468 
+  border-color: #8faf91;
469 
+}
470 
+
471 
+.wp-pointer .wp-pointer-content h3:before {
472 
+  color: #9ebaa0;
473 
+}
474 
+
475 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
476 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
477 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
478 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
479 
+  border-bottom-color: #9ebaa0;
480 
+}
481 
+
482 
+/* Media */
483 
+.media-item .bar,
484 
+.media-progress-bar div {
485 
+  background-color: #9ebaa0;
486 
+}
487 
+
488 
+.details.attachment {
489 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
490 
+}
491 
+
492 
+.attachment.details .check {
493 
+  background-color: #9ebaa0;
494 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
495 
+}
496 
+
497 
+.media-selection .attachment.selection.details .thumbnail {
498 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
499 
+}
500 
+
501 
+/* Themes */
502 
+.theme-browser .theme.active .theme-name,
503 
+.theme-browser .theme.add-new-theme a:hover:after,
504 
+.theme-browser .theme.add-new-theme a:focus:after {
505 
+  background: #9ebaa0;
506 
+}
507 
+
508 
+.theme-browser .theme.add-new-theme a:hover span:after,
509 
+.theme-browser .theme.add-new-theme a:focus span:after {
510 
+  color: #9ebaa0;
511 
+}
512 
+
513 
+.theme-section.current,
514 
+.theme-filter.current {
515 
+  border-bottom-color: #738e96;
516 
+}
517 
+
518 
+body.more-filters-opened .more-filters {
519 
+  color: #fff;
520 
+  background-color: #738e96;
521 
+}
522 
+
523 
+body.more-filters-opened .more-filters:before {
524 
+  color: #fff;
525 
+}
526 
+
527 
+body.more-filters-opened .more-filters:hover,
528 
+body.more-filters-opened .more-filters:focus {
529 
+  background-color: #9ebaa0;
530 
+  color: #fff;
531 
+}
532 
+
533 
+body.more-filters-opened .more-filters:hover:before,
534 
+body.more-filters-opened .more-filters:focus:before {
535 
+  color: #fff;
536 
+}
537 
+
538 
+/* Widgets */
539 
+.widgets-chooser li.widgets-chooser-selected {
540 
+  background-color: #9ebaa0;
541 
+  color: #fff;
542 
+}
543 
+
544 
+.widgets-chooser li.widgets-chooser-selected:before,
545 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
546 
+  color: #fff;
547 
+}
548 
+
549 
+/* Nav Menus */
550 
+.nav-menus-php .item-edit:focus:before {
551 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
552 
+}
553 
+
554 
+/* Responsive Component */
555 
+div#wp-responsive-toggle a:before {
556 
+  color: #f2fcff;
557 
+}
558 
+
559 
+.wp-responsive-open div#wp-responsive-toggle a {
560 
+  border-color: transparent;
561 
+  background: #9ebaa0;
562 
+}
563 
+
564 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
565 
+  background: #627c83;
566 
+}
567 
+
568 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
+  color: #f2fcff;
570 
+}
571 
+
572 
+/* TinyMCE */
573 
+.mce-container.mce-menu .mce-menu-item:hover,
574 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
575 
+.mce-container.mce-menu .mce-menu-item:focus,
576 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
577 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
578 
+  background: #9ebaa0;
579 
+}
580 
+
581 
+/* Customizer */
582 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
583 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
584 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
585 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
586 
+  color: #0073aa;
587 
+  border-left-color: #9ebaa0;
588 
+}
589 
+.wp-core-ui .customize-controls-close:focus,
590 
+.wp-core-ui .customize-controls-close:hover,
591 
+.wp-core-ui .customize-controls-preview-toggle:focus,
592 
+.wp-core-ui .customize-controls-preview-toggle:hover {
593 
+  color: #0073aa;
594 
+  border-top-color: #9ebaa0;
595 
+}
596 
+.wp-core-ui .customize-panel-back:hover,
597 
+.wp-core-ui .customize-panel-back:focus,
598 
+.wp-core-ui .customize-section-back:hover,
599 
+.wp-core-ui .customize-section-back:focus {
600 
+  color: #0073aa;
601 
+  border-left-color: #9ebaa0;
602 
+}
603 
+.wp-core-ui .customize-screen-options-toggle:hover,
604 
+.wp-core-ui .customize-screen-options-toggle:active,
605 
+.wp-core-ui .customize-screen-options-toggle:focus,
606 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
607 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
608 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
609 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
610 
+  color: #0073aa;
611 
+}
612 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
613 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
614 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
615 
+.wp-core-ui #available-menu-items .item-add:focus:before,
616 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
617 
+.wp-core-ui #publish-settings:focus {
618 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
619 
+}
620 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
621 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
622 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
623 
+  color: #0073aa;
624 
+}
625 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
626 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
627 
+  border-left-color: #9ebaa0;
628 
+  color: #0073aa;
629 
+}
630 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
631 
+  background: #9ebaa0;
632 
+}
633 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
634 
+  color: #0073aa;
635 
+}
636 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
637 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
638 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
639 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
640 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
641 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
642 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
643 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
644 
+  color: #0073aa;
645 
+}
646 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
647 
+  background-color: #fbfbfc;
648 
+  border-color: #9ebaa0;
649 
+  border-style: solid;
650 
+  box-shadow: 0 0 0 1px #9ebaa0;
651 
+  outline: 2px solid transparent;
652 
+}
653 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
654 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
655 
+  border-bottom-color: #9ebaa0;
656 
+}
657 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
658 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
659 
+  color: #9ebaa0;
660 
+}
661 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
662 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
663 
+  color: #9ebaa0;
664 
+}
665 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
666 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
667 
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
668 
+}
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 
+  border-bottom-color: #9ebaa0;
671 
+  color: #0073aa;
672 
+}

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


+ 9 - 0
app/wp-admin/css/colors/ocean/colors.scss
View File 

@@ -0,0 +1,9 @@
1 
+$base-color: #738e96;
2 
+$icon-color: #f2fcff;
3 
+$highlight-color: #9ebaa0;
4 
+$notification-color: #aa9d88;
5 
+$low-contrast-theme: "true";
6 
+
7 
+$form-checked: $base-color;
8 
+
9 
+@import "../_admin.scss";

+ 705 - 0
app/wp-admin/css/colors/sunrise/colors-rtl.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #dd823b;
85 
+  box-shadow: 0 0 0 1px #dd823b;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #dd823b;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #dd823b;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #dd823b;
124 
+  border-color: #dd823b;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #c36922;
130 
+  color: #c36922;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e59e66;
136 
+  color: #98511a;
137 
+  box-shadow: 0 0 0 1px #e59e66;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #dd823b;
144 
+  border-color: #dd823b;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #df8a48;
149 
+  border-color: #db7a2e;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #d97426;
157 
+  border-color: #d97426;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #dd823b;
162 
+  color: #fff;
163 
+  border-color: #ad5d1e;
164 
+  box-shadow: inset 0 2px 5px -3px #150b04;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #dd823b;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #cf4944;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #cf4944;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #dd823b;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #dd823b;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #ccaf0b;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #ccaf0b;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #dd823b;
198 
+  color: #dd823b;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #c36922;
203 
+  border-color: #c36922;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e59e66;
208 
+  color: #98511a;
209 
+  box-shadow: 0 0 0 1px #e59e66;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #cf4944;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #ccaf0b;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #cf4944;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #dd823b;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #be3631;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-left-color: #be3631;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #f1c8c7;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #f1c8c7;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #f7e3d3;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #f7e3d3;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-left-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #dd823b;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #ccaf0b;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #be3631;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #f7e3d3;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #cf4944;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f3f1f1;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #f7e3d3;
378 
+  background: #be3631;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #f7e3d3;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #f7e3d3;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #be3631;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #cf6b67;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #f1c8c7;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #f7e3d3;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #f7e3d3;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #d66560;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #ccaf0b;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #b89e0a;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #d66560;
483 
+  background-color: #d66560;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #f7e3d3;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #f1c8c7;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #dd823b;
501 
+  border-color: #d97426;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #dd823b;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #dd823b;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #dd823b;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #dd823b;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #dd823b;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #dd823b;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #cf4944;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #cf4944;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #dd823b;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #dd823b;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #dd823b;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #be3631;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #dd823b;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-right-color: #dd823b;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #dd823b;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-right-color: #dd823b;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-right-color: #dd823b;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #dd823b;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #dd823b;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #dd823b;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #dd823b;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #dd823b;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #dd823b;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
701 
+}
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 
+  border-bottom-color: #dd823b;
704 
+  color: #0073aa;
705 
+}

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


+ 705 - 0
app/wp-admin/css/colors/sunrise/colors.css
View File 

@@ -0,0 +1,705 @@
1 
+/*! This file is auto-generated */
2 
+/*
3 
+ * Button mixin- creates a button effect with correct
4 
+ * highlights/shadows, based on a base color.
5 
+ */
6 
+body {
7 
+  background: #f1f1f1;
8 
+}
9 
+
10 
+/* Links */
11 
+a {
12 
+  color: #0073aa;
13 
+}
14 
+a:hover, a:active, a:focus {
15 
+  color: #0096dd;
16 
+}
17 
+
18 
+#post-body .misc-pub-post-status:before,
19 
+#post-body #visibility:before,
20 
+.curtime #timestamp:before,
21 
+#post-body .misc-pub-revisions:before,
22 
+span.wp-media-buttons-icon:before {
23 
+  color: currentColor;
24 
+}
25 
+
26 
+.wp-core-ui .button-link {
27 
+  color: #0073aa;
28 
+}
29 
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
30 
+  color: #0096dd;
31 
+}
32 
+
33 
+.media-modal .delete-attachment,
34 
+.media-modal .trash-attachment,
35 
+.media-modal .untrash-attachment,
36 
+.wp-core-ui .button-link-delete {
37 
+  color: #a00;
38 
+}
39 
+
40 
+.media-modal .delete-attachment:hover,
41 
+.media-modal .trash-attachment:hover,
42 
+.media-modal .untrash-attachment:hover,
43 
+.media-modal .delete-attachment:focus,
44 
+.media-modal .trash-attachment:focus,
45 
+.media-modal .untrash-attachment:focus,
46 
+.wp-core-ui .button-link-delete:hover,
47 
+.wp-core-ui .button-link-delete:focus {
48 
+  color: #dc3232;
49 
+}
50 
+
51 
+/* Forms */
52 
+input[type=checkbox]:checked::before {
53 
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
54 
+}
55 
+
56 
+input[type=radio]:checked::before {
57 
+  background: #7e8993;
58 
+}
59 
+
60 
+.wp-core-ui input[type=reset]:hover,
61 
+.wp-core-ui input[type=reset]:active {
62 
+  color: #0096dd;
63 
+}
64 
+
65 
+input[type=text]:focus,
66 
+input[type=password]:focus,
67 
+input[type=color]:focus,
68 
+input[type=date]:focus,
69 
+input[type=datetime]:focus,
70 
+input[type=datetime-local]:focus,
71 
+input[type=email]:focus,
72 
+input[type=month]:focus,
73 
+input[type=number]:focus,
74 
+input[type=search]:focus,
75 
+input[type=tel]:focus,
76 
+input[type=text]:focus,
77 
+input[type=time]:focus,
78 
+input[type=url]:focus,
79 
+input[type=week]:focus,
80 
+input[type=checkbox]:focus,
81 
+input[type=radio]:focus,
82 
+select:focus,
83 
+textarea:focus {
84 
+  border-color: #dd823b;
85 
+  box-shadow: 0 0 0 1px #dd823b;
86 
+}
87 
+
88 
+/* Core UI */
89 
+.wp-core-ui .button {
90 
+  border-color: #7e8993;
91 
+  color: #32373c;
92 
+}
93 
+.wp-core-ui .button.hover,
94 
+.wp-core-ui .button:hover,
95 
+.wp-core-ui .button.focus,
96 
+.wp-core-ui .button:focus {
97 
+  border-color: #717c87;
98 
+  color: #262a2e;
99 
+}
100 
+.wp-core-ui .button.focus,
101 
+.wp-core-ui .button:focus {
102 
+  border-color: #7e8993;
103 
+  color: #262a2e;
104 
+  box-shadow: 0 0 0 1px #32373c;
105 
+}
106 
+.wp-core-ui .button:active {
107 
+  border-color: #7e8993;
108 
+  color: #262a2e;
109 
+  box-shadow: none;
110 
+}
111 
+.wp-core-ui .button.active,
112 
+.wp-core-ui .button.active:focus,
113 
+.wp-core-ui .button.active:hover {
114 
+  border-color: #dd823b;
115 
+  color: #262a2e;
116 
+  box-shadow: inset 0 2px 5px -3px #dd823b;
117 
+}
118 
+.wp-core-ui .button.active:focus {
119 
+  box-shadow: 0 0 0 1px #32373c;
120 
+}
121 
+.wp-core-ui .button,
122 
+.wp-core-ui .button-secondary {
123 
+  color: #dd823b;
124 
+  border-color: #dd823b;
125 
+}
126 
+.wp-core-ui .button.hover,
127 
+.wp-core-ui .button:hover,
128 
+.wp-core-ui .button-secondary:hover {
129 
+  border-color: #c36922;
130 
+  color: #c36922;
131 
+}
132 
+.wp-core-ui .button.focus,
133 
+.wp-core-ui .button:focus,
134 
+.wp-core-ui .button-secondary:focus {
135 
+  border-color: #e59e66;
136 
+  color: #98511a;
137 
+  box-shadow: 0 0 0 1px #e59e66;
138 
+}
139 
+.wp-core-ui .button-primary:hover {
140 
+  color: #fff;
141 
+}
142 
+.wp-core-ui .button-primary {
143 
+  background: #dd823b;
144 
+  border-color: #dd823b;
145 
+  color: #fff;
146 
+}
147 
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
148 
+  background: #df8a48;
149 
+  border-color: #db7a2e;
150 
+  color: #fff;
151 
+}
152 
+.wp-core-ui .button-primary:focus {
153 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
154 
+}
155 
+.wp-core-ui .button-primary:active {
156 
+  background: #d97426;
157 
+  border-color: #d97426;
158 
+  color: #fff;
159 
+}
160 
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
161 
+  background: #dd823b;
162 
+  color: #fff;
163 
+  border-color: #ad5d1e;
164 
+  box-shadow: inset 0 2px 5px -3px #150b04;
165 
+}
166 
+.wp-core-ui .button-group > .button.active {
167 
+  border-color: #dd823b;
168 
+}
169 
+.wp-core-ui .wp-ui-primary {
170 
+  color: #fff;
171 
+  background-color: #cf4944;
172 
+}
173 
+.wp-core-ui .wp-ui-text-primary {
174 
+  color: #cf4944;
175 
+}
176 
+.wp-core-ui .wp-ui-highlight {
177 
+  color: #fff;
178 
+  background-color: #dd823b;
179 
+}
180 
+.wp-core-ui .wp-ui-text-highlight {
181 
+  color: #dd823b;
182 
+}
183 
+.wp-core-ui .wp-ui-notification {
184 
+  color: #fff;
185 
+  background-color: #ccaf0b;
186 
+}
187 
+.wp-core-ui .wp-ui-text-notification {
188 
+  color: #ccaf0b;
189 
+}
190 
+.wp-core-ui .wp-ui-text-icon {
191 
+  color: #f3f1f1;
192 
+}
193 
+
194 
+/* List tables */
195 
+.wrap .page-title-action,
196 
+.wrap .page-title-action:active {
197 
+  border: 1px solid #dd823b;
198 
+  color: #dd823b;
199 
+}
200 
+
201 
+.wrap .page-title-action:hover {
202 
+  color: #c36922;
203 
+  border-color: #c36922;
204 
+}
205 
+
206 
+.wrap .page-title-action:focus {
207 
+  border-color: #e59e66;
208 
+  color: #98511a;
209 
+  box-shadow: 0 0 0 1px #e59e66;
210 
+}
211 
+
212 
+.view-switch a.current:before {
213 
+  color: #cf4944;
214 
+}
215 
+
216 
+.view-switch a:hover:before {
217 
+  color: #ccaf0b;
218 
+}
219 
+
220 
+/* Admin Menu */
221 
+#adminmenuback,
222 
+#adminmenuwrap,
223 
+#adminmenu {
224 
+  background: #cf4944;
225 
+}
226 
+
227 
+#adminmenu a {
228 
+  color: #fff;
229 
+}
230 
+
231 
+#adminmenu div.wp-menu-image:before {
232 
+  color: #f3f1f1;
233 
+}
234 
+
235 
+#adminmenu a:hover,
236 
+#adminmenu li.menu-top:hover,
237 
+#adminmenu li.opensub > a.menu-top,
238 
+#adminmenu li > a.menu-top:focus {
239 
+  color: #fff;
240 
+  background-color: #dd823b;
241 
+}
242 
+
243 
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
244 
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
245 
+  color: #fff;
246 
+}
247 
+
248 
+/* Active tabs use a bottom border color that matches the page background color. */
249 
+.about-wrap .nav-tab-active,
250 
+.nav-tab-active,
251 
+.nav-tab-active:hover {
252 
+  background-color: #f1f1f1;
253 
+  border-bottom-color: #f1f1f1;
254 
+}
255 
+
256 
+/* Admin Menu: submenu */
257 
+#adminmenu .wp-submenu,
258 
+#adminmenu .wp-has-current-submenu .wp-submenu,
259 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
260 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
261 
+  background: #be3631;
262 
+}
263 
+
264 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
265 
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
266 
+  border-right-color: #be3631;
267 
+}
268 
+
269 
+#adminmenu .wp-submenu .wp-submenu-head {
270 
+  color: #f1c8c7;
271 
+}
272 
+
273 
+#adminmenu .wp-submenu a,
274 
+#adminmenu .wp-has-current-submenu .wp-submenu a,
275 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
276 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
277 
+  color: #f1c8c7;
278 
+}
279 
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
280 
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
281 
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
282 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
283 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
284 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
285 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
286 
+  color: #f7e3d3;
287 
+}
288 
+
289 
+/* Admin Menu: current */
290 
+#adminmenu .wp-submenu li.current a,
291 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
293 
+  color: #fff;
294 
+}
295 
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
296 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
297 
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
298 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
299 
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
300 
+  color: #f7e3d3;
301 
+}
302 
+
303 
+ul#adminmenu a.wp-has-current-submenu:after,
304 
+ul#adminmenu > li.current > a.current:after {
305 
+  border-right-color: #f1f1f1;
306 
+}
307 
+
308 
+#adminmenu li.current a.menu-top,
309 
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
310 
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
311 
+.folded #adminmenu li.current.menu-top {
312 
+  color: #fff;
313 
+  background: #dd823b;
314 
+}
315 
+
316 
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
317 
+#adminmenu a.current:hover div.wp-menu-image:before,
318 
+#adminmenu li.current div.wp-menu-image:before,
319 
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
320 
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
321 
+#adminmenu li:hover div.wp-menu-image:before,
322 
+#adminmenu li a:focus div.wp-menu-image:before,
323 
+#adminmenu li.opensub div.wp-menu-image:before {
324 
+  color: #fff;
325 
+}
326 
+
327 
+/* Admin Menu: bubble */
328 
+#adminmenu .awaiting-mod,
329 
+#adminmenu .update-plugins {
330 
+  color: #fff;
331 
+  background: #ccaf0b;
332 
+}
333 
+
334 
+#adminmenu li.current a .awaiting-mod,
335 
+#adminmenu li a.wp-has-current-submenu .update-plugins,
336 
+#adminmenu li:hover a .awaiting-mod,
337 
+#adminmenu li.menu-top:hover > a .update-plugins {
338 
+  color: #fff;
339 
+  background: #be3631;
340 
+}
341 
+
342 
+/* Admin Menu: collapse button */
343 
+#collapse-button {
344 
+  color: #f3f1f1;
345 
+}
346 
+
347 
+#collapse-button:hover,
348 
+#collapse-button:focus {
349 
+  color: #f7e3d3;
350 
+}
351 
+
352 
+/* Admin Bar */
353 
+#wpadminbar {
354 
+  color: #fff;
355 
+  background: #cf4944;
356 
+}
357 
+
358 
+#wpadminbar .ab-item,
359 
+#wpadminbar a.ab-item,
360 
+#wpadminbar > #wp-toolbar span.ab-label,
361 
+#wpadminbar > #wp-toolbar span.noticon {
362 
+  color: #fff;
363 
+}
364 
+
365 
+#wpadminbar .ab-icon,
366 
+#wpadminbar .ab-icon:before,
367 
+#wpadminbar .ab-item:before,
368 
+#wpadminbar .ab-item:after {
369 
+  color: #f3f1f1;
370 
+}
371 
+
372 
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
373 
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
374 
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
375 
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
376 
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
377 
+  color: #f7e3d3;
378 
+  background: #be3631;
379 
+}
380 
+
381 
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
382 
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
383 
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
384 
+  color: #f7e3d3;
385 
+}
386 
+
387 
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
388 
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
389 
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
390 
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
391 
+  color: #f7e3d3;
392 
+}
393 
+
394 
+/* Admin Bar: submenu */
395 
+#wpadminbar .menupop .ab-sub-wrapper {
396 
+  background: #be3631;
397 
+}
398 
+
399 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
400 
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
401 
+  background: #cf6b67;
402 
+}
403 
+
404 
+#wpadminbar .ab-submenu .ab-item,
405 
+#wpadminbar .quicklinks .menupop ul li a,
406 
+#wpadminbar .quicklinks .menupop.hover ul li a,
407 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
408 
+  color: #f1c8c7;
409 
+}
410 
+
411 
+#wpadminbar .quicklinks li .blavatar,
412 
+#wpadminbar .menupop .menupop > .ab-item:before {
413 
+  color: #f3f1f1;
414 
+}
415 
+
416 
+#wpadminbar .quicklinks .menupop ul li a:hover,
417 
+#wpadminbar .quicklinks .menupop ul li a:focus,
418 
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
419 
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
420 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
421 
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
422 
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
423 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
424 
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
425 
+#wpadminbar li:hover .ab-icon:before,
426 
+#wpadminbar li:hover .ab-item:before,
427 
+#wpadminbar li a:focus .ab-icon:before,
428 
+#wpadminbar li .ab-item:focus:before,
429 
+#wpadminbar li .ab-item:focus .ab-icon:before,
430 
+#wpadminbar li.hover .ab-icon:before,
431 
+#wpadminbar li.hover .ab-item:before,
432 
+#wpadminbar li:hover #adminbarsearch:before,
433 
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
434 
+  color: #f7e3d3;
435 
+}
436 
+
437 
+#wpadminbar .quicklinks li a:hover .blavatar,
438 
+#wpadminbar .quicklinks li a:focus .blavatar,
439 
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
440 
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
441 
+#wpadminbar.mobile .quicklinks .ab-icon:before,
442 
+#wpadminbar.mobile .quicklinks .ab-item:before {
443 
+  color: #f7e3d3;
444 
+}
445 
+
446 
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
+  color: #f3f1f1;
449 
+}
450 
+
451 
+/* Admin Bar: search */
452 
+#wpadminbar #adminbarsearch:before {
453 
+  color: #f3f1f1;
454 
+}
455 
+
456 
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
457 
+  color: #fff;
458 
+  background: #d66560;
459 
+}
460 
+
461 
+/* Admin Bar: recovery mode */
462 
+#wpadminbar #wp-admin-bar-recovery-mode {
463 
+  color: #fff;
464 
+  background-color: #ccaf0b;
465 
+}
466 
+
467 
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
468 
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
469 
+  color: #fff;
470 
+}
471 
+
472 
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
473 
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
474 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
475 
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
476 
+  color: #fff;
477 
+  background-color: #b89e0a;
478 
+}
479 
+
480 
+/* Admin Bar: my account */
481 
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
482 
+  border-color: #d66560;
483 
+  background-color: #d66560;
484 
+}
485 
+
486 
+#wpadminbar #wp-admin-bar-user-info .display-name {
487 
+  color: #fff;
488 
+}
489 
+
490 
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
491 
+  color: #f7e3d3;
492 
+}
493 
+
494 
+#wpadminbar #wp-admin-bar-user-info .username {
495 
+  color: #f1c8c7;
496 
+}
497 
+
498 
+/* Pointers */
499 
+.wp-pointer .wp-pointer-content h3 {
500 
+  background-color: #dd823b;
501 
+  border-color: #d97426;
502 
+}
503 
+
504 
+.wp-pointer .wp-pointer-content h3:before {
505 
+  color: #dd823b;
506 
+}
507 
+
508 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
509 
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
510 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
511 
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
512 
+  border-bottom-color: #dd823b;
513 
+}
514 
+
515 
+/* Media */
516 
+.media-item .bar,
517 
+.media-progress-bar div {
518 
+  background-color: #dd823b;
519 
+}
520 
+
521 
+.details.attachment {
522 
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
523 
+}
524 
+
525 
+.attachment.details .check {
526 
+  background-color: #dd823b;
527 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
528 
+}
529 
+
530 
+.media-selection .attachment.selection.details .thumbnail {
531 
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
532 
+}
533 
+
534 
+/* Themes */
535 
+.theme-browser .theme.active .theme-name,
536 
+.theme-browser .theme.add-new-theme a:hover:after,
537 
+.theme-browser .theme.add-new-theme a:focus:after {
538 
+  background: #dd823b;
539 
+}
540 
+
541 
+.theme-browser .theme.add-new-theme a:hover span:after,
542 
+.theme-browser .theme.add-new-theme a:focus span:after {
543 
+  color: #dd823b;
544 
+}
545 
+
546 
+.theme-section.current,
547 
+.theme-filter.current {
548 
+  border-bottom-color: #cf4944;
549 
+}
550 
+
551 
+body.more-filters-opened .more-filters {
552 
+  color: #fff;
553 
+  background-color: #cf4944;
554 
+}
555 
+
556 
+body.more-filters-opened .more-filters:before {
557 
+  color: #fff;
558 
+}
559 
+
560 
+body.more-filters-opened .more-filters:hover,
561 
+body.more-filters-opened .more-filters:focus {
562 
+  background-color: #dd823b;
563 
+  color: #fff;
564 
+}
565 
+
566 
+body.more-filters-opened .more-filters:hover:before,
567 
+body.more-filters-opened .more-filters:focus:before {
568 
+  color: #fff;
569 
+}
570 
+
571 
+/* Widgets */
572 
+.widgets-chooser li.widgets-chooser-selected {
573 
+  background-color: #dd823b;
574 
+  color: #fff;
575 
+}
576 
+
577 
+.widgets-chooser li.widgets-chooser-selected:before,
578 
+.widgets-chooser li.widgets-chooser-selected:focus:before {
579 
+  color: #fff;
580 
+}
581 
+
582 
+/* Nav Menus */
583 
+.nav-menus-php .item-edit:focus:before {
584 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
585 
+}
586 
+
587 
+/* Responsive Component */
588 
+div#wp-responsive-toggle a:before {
589 
+  color: #f3f1f1;
590 
+}
591 
+
592 
+.wp-responsive-open div#wp-responsive-toggle a {
593 
+  border-color: transparent;
594 
+  background: #dd823b;
595 
+}
596 
+
597 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
598 
+  background: #be3631;
599 
+}
600 
+
601 
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
+  color: #f3f1f1;
603 
+}
604 
+
605 
+/* TinyMCE */
606 
+.mce-container.mce-menu .mce-menu-item:hover,
607 
+.mce-container.mce-menu .mce-menu-item.mce-selected,
608 
+.mce-container.mce-menu .mce-menu-item:focus,
609 
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
610 
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
611 
+  background: #dd823b;
612 
+}
613 
+
614 
+/* Customizer */
615 
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
616 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
617 
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
618 
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
619 
+  color: #0073aa;
620 
+  border-left-color: #dd823b;
621 
+}
622 
+.wp-core-ui .customize-controls-close:focus,
623 
+.wp-core-ui .customize-controls-close:hover,
624 
+.wp-core-ui .customize-controls-preview-toggle:focus,
625 
+.wp-core-ui .customize-controls-preview-toggle:hover {
626 
+  color: #0073aa;
627 
+  border-top-color: #dd823b;
628 
+}
629 
+.wp-core-ui .customize-panel-back:hover,
630 
+.wp-core-ui .customize-panel-back:focus,
631 
+.wp-core-ui .customize-section-back:hover,
632 
+.wp-core-ui .customize-section-back:focus {
633 
+  color: #0073aa;
634 
+  border-left-color: #dd823b;
635 
+}
636 
+.wp-core-ui .customize-screen-options-toggle:hover,
637 
+.wp-core-ui .customize-screen-options-toggle:active,
638 
+.wp-core-ui .customize-screen-options-toggle:focus,
639 
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
640 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
641 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
642 
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
643 
+  color: #0073aa;
644 
+}
645 
+.wp-core-ui .customize-screen-options-toggle:focus:before,
646 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
647 
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
648 
+.wp-core-ui #available-menu-items .item-add:focus:before,
649 
+.wp-core-ui #customize-save-button-wrapper .save:focus,
650 
+.wp-core-ui #publish-settings:focus {
651 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
652 
+}
653 
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
654 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
655 
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
656 
+  color: #0073aa;
657 
+}
658 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
659 
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
660 
+  border-left-color: #dd823b;
661 
+  color: #0073aa;
662 
+}
663 
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
664 
+  background: #dd823b;
665 
+}
666 
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
667 
+  color: #0073aa;
668 
+}
669 
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
670 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
671 
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
672 
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
673 
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
674 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
675 
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
676 
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
677 
+  color: #0073aa;
678 
+}
679 
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
680 
+  background-color: #fbfbfc;
681 
+  border-color: #dd823b;
682 
+  border-style: solid;
683 
+  box-shadow: 0 0 0 1px #dd823b;
684 
+  outline: 2px solid transparent;
685 
+}
686 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
687 
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
688 
+  border-bottom-color: #dd823b;
689 
+}
690 
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
691 
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
692 
+  color: #dd823b;
693 
+}
694 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
695 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
696 
+  color: #dd823b;
697 
+}
698 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
699 
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
700 
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
701 
+}
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 
+  border-bottom-color: #dd823b;
704 
+  color: #0073aa;
705 
+}

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


+ 6 - 0
app/wp-admin/css/colors/sunrise/colors.scss
View File 

@@ -0,0 +1,6 @@
1 
+$base-color: #cf4944;
2 
+$highlight-color: #dd823b;
3 
+$notification-color: #ccaf0b;
4 
+$menu-submenu-focus-text: lighten( $highlight-color, 35% );
5 
+
6 
+@import "../_admin.scss";

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


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


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


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


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


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


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


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


+ 884 - 0
app/wp-admin/css/customize-nav-menus-rtl.css
View File 

@@ -0,0 +1,884 @@
1 
+/*! This file is auto-generated */
2 
+#customize-theme-controls #accordion-section-menu_locations {
3 
+	position: relative;
4 
+	margin-top: 30px;
5 
+}
6 
+
7 
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
8 
+	border-bottom-color: #dcdcde;
9 
+	margin-top: 15px;
10 
+}
11 
+
12 
+#customize-theme-controls .customize-section-title-nav_menus-heading,
13 
+#customize-theme-controls .customize-section-title-menu_locations-heading,
14 
+#customize-theme-controls .customize-section-title-menu_locations-description {
15 
+	padding: 0 12px 0 12px;
16 
+}
17 
+
18 
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
19 
+	/* Override the default italic style for control descriptions */
20 
+	font-style: normal;
21 
+}
22 
+
23 
+.menu-in-location,
24 
+.menu-in-locations {
25 
+	display: block;
26 
+	font-weight: 600;
27 
+	font-size: 10px;
28 
+}
29 
+
30 
+#customize-controls .theme-location-set,
31 
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
32 
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
33 
+	color: #50575e;
34 
+}
35 
+
36 
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
37 
+.customize-control-nav_menu_location .edit-menu,
38 
+.customize-control-nav_menu_location .create-menu {
39 
+	margin-right: 6px;
40 
+	vertical-align: middle;
41 
+	line-height: 2.2;
42 
+}
43 
+
44 
+#customize-controls .customize-control-nav_menu_name {
45 
+	margin-bottom: 12px;
46 
+}
47 
+
48 
+.customize-control-nav_menu_name p:last-of-type {
49 
+	margin-bottom: 0;
50 
+}
51 
+
52 
+#customize-new-menu-submit {
53 
+	float: left;
54 
+	min-width: 85px;
55 
+}
56 
+
57 
+.wp-customizer .menu-item-bar .menu-item-handle,
58 
+.wp-customizer .menu-item-settings,
59 
+.wp-customizer .menu-item-settings .description-thin {
60 
+	box-sizing: border-box;
61 
+}
62 
+
63 
+.wp-customizer .menu-item-bar {
64 
+	margin: 0;
65 
+}
66 
+
67 
+.wp-customizer .menu-item-bar .menu-item-handle {
68 
+	width: 100%;
69 
+	max-width: 100%;
70 
+	background: #fff;
71 
+}
72 
+
73 
+.wp-customizer .menu-item-handle .item-title {
74 
+	margin-left: 0;
75 
+}
76 
+
77 
+.wp-customizer .menu-item-handle .item-type {
78 
+	padding: 1px 5px 0 21px;
79 
+	float: left;
80 
+	text-align: left;
81 
+}
82 
+
83 
+.wp-customizer .menu-item-handle:hover {
84 
+	z-index: 8;
85 
+}
86 
+
87 
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
88 
+	border-right: 4px solid #72aee6;
89 
+}
90 
+
91 
+.wp-customizer .menu-item-settings {
92 
+	max-width: 100%;
93 
+	overflow: hidden;
94 
+	z-index: 8;
95 
+	padding: 10px;
96 
+	background: #f0f0f1;
97 
+	border: 1px solid #8c8f94;
98 
+	border-top: none;
99 
+}
100 
+
101 
+.wp-customizer .menu-item-settings .description-thin {
102 
+	width: 100%;
103 
+	height: auto;
104 
+	margin: 0 0 8px 0;
105 
+}
106 
+
107 
+.wp-customizer .menu-item-settings input[type="text"] {
108 
+	width: 100%;
109 
+}
110 
+
111 
+.wp-customizer .menu-item-settings .submitbox {
112 
+	margin: 0;
113 
+	padding: 0;
114 
+}
115 
+
116 
+.wp-customizer .menu-item-settings .link-to-original {
117 
+	padding: 5px 0;
118 
+	border: none;
119 
+	font-style: normal;
120 
+	margin: 0;
121 
+	width: 100%;
122 
+}
123 
+
124 
+.wp-customizer .menu-item .submitbox .submitdelete {
125 
+	float: right;
126 
+	margin: 6px 0 0;
127 
+	padding: 0;
128 
+	cursor: pointer;
129 
+}
130 
+
131 
+
132 
+/**
133 
+ * Menu items reordering styles
134 
+ */
135 
+
136 
+.menu-item-reorder-nav {
137 
+	display: none;
138 
+	background-color: #fff;
139 
+	position: absolute;
140 
+	top: 0;
141 
+	left: 0;
142 
+}
143 
+
144 
+.menus-move-left:before {
145 
+	content: "\f345";
146 
+}
147 
+
148 
+.menus-move-right:before {
149 
+	content: "\f341";
150 
+}
151 
+
152 
+.reordering .menu-item .item-controls,
153 
+.reordering .menu-item .item-type {
154 
+	display: none;
155 
+}
156 
+
157 
+.reordering .menu-item-reorder-nav {
158 
+	display: block;
159 
+}
160 
+
161 
+.customize-control input.menu-name-field {
162 
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
163 
+}
164 
+
165 
+.wp-customizer .menu-item .item-edit {
166 
+	position: absolute;
167 
+	left: -19px;
168 
+	top: 2px;
169 
+	display: block;
170 
+	width: 30px;
171 
+	height: 38px;
172 
+	margin-left: 0 !important;
173 
+	box-shadow: none;
174 
+	outline: none;
175 
+	overflow: hidden;
176 
+	cursor: pointer;
177 
+	text-align: center;
178 
+}
179 
+
180 
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
181 
+	content: "\f142";
182 
+}
183 
+
184 
+.wp-customizer .menu-item-settings p.description {
185 
+	font-style: normal;
186 
+}
187 
+
188 
+.wp-customizer .menu-settings dl {
189 
+	margin: 12px 0 0 0;
190 
+	padding: 0;
191 
+}
192 
+
193 
+.wp-customizer .menu-settings .checkbox-input {
194 
+	margin-top: 8px;
195 
+}
196 
+
197 
+.wp-customizer .menu-settings .menu-theme-locations {
198 
+	border-top: 1px solid #c3c4c7;
199 
+}
200 
+
201 
+.wp-customizer .menu-settings {
202 
+	margin-top: 36px;
203 
+	border-top: none;
204 
+}
205 
+
206 
+.wp-customizer .menu-location-settings {
207 
+	margin-top: 12px;
208 
+	border-top: none;
209 
+}
210 
+
211 
+.wp-customizer .control-section-nav_menu .menu-location-settings {
212 
+	margin-top: 24px;
213 
+	border-top: 1px solid #dcdcde;
214 
+}
215 
+
216 
+.wp-customizer .control-section-nav_menu .menu-location-settings,
217 
+.customize-control-nav_menu_auto_add {
218 
+	padding-top: 12px;
219 
+}
220 
+
221 
+.menu-location-settings .customize-control-checkbox .theme-location-set {
222 
+	line-height: 1;
223 
+}
224 
+
225 
+.customize-control-nav_menu_auto_add label {
226 
+	vertical-align: top;
227 
+}
228 
+
229 
+.menu-location-settings .new-menu-locations-widget-note {
230 
+	display: block;
231 
+}
232 
+
233 
+.customize-control-menu {
234 
+	margin-top: 4px;
235 
+}
236 
+
237 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
238 
+	color: #50575e;
239 
+}
240 
+
241 
+/* Screen Options */
242 
+.customize-screen-options-toggle {
243 
+	background: none;
244 
+	border: none;
245 
+	color: #50575e;
246 
+	cursor: pointer;
247 
+	margin: 0;
248 
+	padding: 20px;
249 
+	position: absolute;
250 
+	left: 0;
251 
+	top: 30px;
252 
+}
253 
+
254 
+#customize-controls .customize-info .customize-help-toggle {
255 
+	padding: 20px;
256 
+}
257 
+
258 
+#customize-controls .customize-info .customize-help-toggle:before {
259 
+	padding: 4px;
260 
+}
261 
+
262 
+.customize-screen-options-toggle:hover,
263 
+.customize-screen-options-toggle:active,
264 
+.customize-screen-options-toggle:focus,
265 
+.active-menu-screen-options .customize-screen-options-toggle,
266 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
267 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
268 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
269 
+	color: #2271b1;
270 
+}
271 
+
272 
+.customize-screen-options-toggle:focus,
273 
+#customize-controls .customize-info .customize-help-toggle:focus {
274 
+	/* Only visible in Windows High Contrast mode */
275 
+	outline: 1px solid transparent;
276 
+}
277 
+
278 
+.customize-screen-options-toggle:before {
279 
+	-moz-osx-font-smoothing: grayscale;
280 
+	border: none;
281 
+	content: "\f111";
282 
+	display: block;
283 
+	font: 18px/1 dashicons;
284 
+	padding: 5px;
285 
+	text-align: center;
286 
+	text-decoration: none !important;
287 
+	text-indent: 0;
288 
+	right: 6px;
289 
+	position: absolute;
290 
+	top: 6px;
291 
+}
292 
+
293 
+.customize-screen-options-toggle:focus:before,
294 
+#customize-controls .customize-info .customize-help-toggle:focus:before {
295 
+	border-radius: 100%;
296 
+}
297 
+
298 
+.wp-customizer #screen-options-wrap {
299 
+	display: none;
300 
+	background: #fff;
301 
+	border-top: 1px solid #dcdcde;
302 
+	padding: 4px 15px 15px;
303 
+}
304 
+
305 
+.wp-customizer .metabox-prefs label {
306 
+	display: block;
307 
+	padding-left: 0;
308 
+	line-height: 30px;
309 
+}
310 
+
311 
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
312 
+.wp-customizer .toggle-indicator {
313 
+	display: inline-block;
314 
+	font-size: 20px;
315 
+	line-height: 1;
316 
+}
317 
+
318 
+.rtl .wp-customizer .toggle-indicator {
319 
+	text-indent: 1px; /* account for the dashicon alignment */
320 
+}
321 
+
322 
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
323 
+#available-menu-items .accordion-section-title .toggle-indicator:before {
324 
+	content: "\f140";
325 
+	display: block;
326 
+	padding: 1px 0px 1px 2px;
327 
+	speak: never;
328 
+	border-radius: 50%;
329 
+	color: #787c82;
330 
+	font: normal 20px/1 dashicons;
331 
+	-webkit-font-smoothing: antialiased;
332 
+	-moz-osx-font-smoothing: grayscale;
333 
+	text-decoration: none !important;
334 
+}
335 
+
336 
+.control-section-nav_menu .field-link-target,
337 
+.control-section-nav_menu .field-title-attribute,
338 
+.control-section-nav_menu .field-css-classes,
339 
+.control-section-nav_menu .field-xfn,
340 
+.control-section-nav_menu .field-description {
341 
+	display: none;
342 
+}
343 
+
344 
+.control-section-nav_menu.field-link-target-active .field-link-target,
345 
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
346 
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
347 
+.control-section-nav_menu.field-xfn-active .field-xfn,
348 
+.control-section-nav_menu.field-description-active .field-description {
349 
+	display: block;
350 
+}
351 
+
352 
+/* WARNING: The 20px factor is hard-coded in JS. */
353 
+.menu-item-depth-0  { margin-right: 0;     }
354 
+.menu-item-depth-1  { margin-right: 20px;  }
355 
+.menu-item-depth-2  { margin-right: 40px;  }
356 
+.menu-item-depth-3  { margin-right: 60px;  }
357 
+.menu-item-depth-4  { margin-right: 80px;  }
358 
+.menu-item-depth-5  { margin-right: 100px; }
359 
+.menu-item-depth-6  { margin-right: 120px; }
360 
+.menu-item-depth-7  { margin-right: 140px; }
361 
+.menu-item-depth-8  { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
362 
+.menu-item-depth-9  { margin-right: 180px; }
363 
+.menu-item-depth-10 { margin-right: 200px; }
364 
+.menu-item-depth-11 { margin-right: 220px; }
365 
+
366 
+/* @todo handle .menu-item-settings width */
367 
+.menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
368 
+.menu-item-depth-1  > .menu-item-bar { margin-left: 20px;  }
369 
+.menu-item-depth-2  > .menu-item-bar { margin-left: 40px;  }
370 
+.menu-item-depth-3  > .menu-item-bar { margin-left: 60px;  }
371 
+.menu-item-depth-4  > .menu-item-bar { margin-left: 80px;  }
372 
+.menu-item-depth-5  > .menu-item-bar { margin-left: 100px; }
373 
+.menu-item-depth-6  > .menu-item-bar { margin-left: 120px; }
374 
+.menu-item-depth-7  > .menu-item-bar { margin-left: 140px; }
375 
+.menu-item-depth-8  > .menu-item-bar { margin-left: 160px; }
376 
+.menu-item-depth-9  > .menu-item-bar { margin-left: 180px; }
377 
+.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
378 
+.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
379 
+
380 
+/* Submenu left margin. */
381 
+.menu-item-depth-0  .menu-item-transport { margin-right: 0;      }
382 
+.menu-item-depth-1  .menu-item-transport { margin-right: -20px;  }
383 
+.menu-item-depth-3  .menu-item-transport { margin-right: -60px;  }
384 
+.menu-item-depth-4  .menu-item-transport { margin-right: -80px;  }
385 
+.menu-item-depth-2  .menu-item-transport { margin-right: -40px;  }
386 
+.menu-item-depth-5  .menu-item-transport { margin-right: -100px; }
387 
+.menu-item-depth-6  .menu-item-transport { margin-right: -120px; }
388 
+.menu-item-depth-7  .menu-item-transport { margin-right: -140px; }
389 
+.menu-item-depth-8  .menu-item-transport { margin-right: -160px; }
390 
+.menu-item-depth-9  .menu-item-transport { margin-right: -180px; }
391 
+.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
392 
+.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
393 
+
394 
+/* WARNING: The 20px factor is hard-coded in JS. */
395 
+.reordering .menu-item-depth-0  { margin-right: 0;     }
396 
+.reordering .menu-item-depth-1  { margin-right: 15px;  }
397 
+.reordering .menu-item-depth-2  { margin-right: 30px;  }
398 
+.reordering .menu-item-depth-3  { margin-right: 45px;  }
399 
+.reordering .menu-item-depth-4  { margin-right: 60px;  }
400 
+.reordering .menu-item-depth-5  { margin-right: 75px;  }
401 
+.reordering .menu-item-depth-6  { margin-right: 90px;  }
402 
+.reordering .menu-item-depth-7  { margin-right: 105px; }
403 
+.reordering .menu-item-depth-8  { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
404 
+.reordering .menu-item-depth-9  { margin-right: 135px; }
405 
+.reordering .menu-item-depth-10 { margin-right: 150px; }
406 
+.reordering .menu-item-depth-11 { margin-right: 165px; }
407 
+
408 
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
409 
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-left: 15px;  }
410 
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-left: 30px;  }
411 
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-left: 45px;  }
412 
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-left: 60px;  }
413 
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-left: 75px;  }
414 
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-left: 90px;  }
415 
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-left: 105px; }
416 
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-left: 120px; }
417 
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-left: 135px; }
418 
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
419 
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
420 
+
421 
+.control-section-nav_menu.menu .menu-item-edit-active {
422 
+	margin-right: 0;
423 
+}
424 
+
425 
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
426 
+	margin-left: 0;
427 
+}
428 
+
429 
+.control-section-nav_menu.menu .sortable-placeholder {
430 
+	margin-top: 0;
431 
+	margin-bottom: 1px;
432 
+	max-width: calc(100% - 2px);
433 
+	float: right;
434 
+	display: list-item;
435 
+	border-color: #a7aaad;
436 
+}
437 
+
438 
+.menu-item-transport li.customize-control {
439 
+	float: none;
440 
+}
441 
+
442 
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
443 
+	margin-top: 0;
444 
+}
445 
+
446 
+/**
447 
+ * Add-menu-items mode
448 
+ */
449 
+
450 
+.adding-menu-items .control-section {
451 
+	opacity: .4;
452 
+}
453 
+
454 
+.adding-menu-items .control-panel.control-section,
455 
+.adding-menu-items .control-section.open {
456 
+	opacity: 1;
457 
+}
458 
+
459 
+.menu-item-bar .item-delete {
460 
+	color: #d63638;
461 
+	position: absolute;
462 
+	top: 2px;
463 
+	left: -19px;
464 
+	width: 30px;
465 
+	height: 38px;
466 
+	cursor: pointer;
467 
+	display: none;
468 
+}
469 
+
470 
+.menu-item-bar .item-delete:before {
471 
+	content: "\f335";
472 
+	position: absolute;
473 
+	top: 9px;
474 
+	right: 5px;
475 
+	border-radius: 50%;
476 
+	font: normal 20px/1 dashicons;
477 
+	-webkit-font-smoothing: antialiased;
478 
+	-moz-osx-font-smoothing: grayscale;
479 
+}
480 
+
481 
+.menu-item-bar .item-delete:hover,
482 
+.menu-item-bar .item-delete:focus {
483 
+	box-shadow: none;
484 
+	outline: none;
485 
+	color: #d63638;
486 
+}
487 
+
488 
+.adding-menu-items .menu-item-bar .item-edit {
489 
+	display: none;
490 
+}
491 
+
492 
+.adding-menu-items .menu-item-bar .item-delete {
493 
+	display: block;
494 
+}
495 
+
496 
+/**
497 
+ * Styles for menu-item addition panel
498 
+ */
499 
+
500 
+#available-menu-items.opening {
501 
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
502 
+}
503 
+
504 
+#available-menu-items #available-menu-items-search.open {
505 
+	height: 100%;
506 
+	border-bottom: none;
507 
+}
508 
+
509 
+#available-menu-items .accordion-section-title {
510 
+	border-right: none;
511 
+	border-left: none;
512 
+	background: #fff;
513 
+	transition: background-color 0.15s;
514 
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
515 
+	-webkit-user-select: auto;
516 
+	user-select: auto;
517 
+}
518 
+
519 
+#available-menu-items .open .accordion-section-title,
520 
+#available-menu-items #available-menu-items-search .accordion-section-title {
521 
+	background: #f0f0f1;
522 
+}
523 
+
524 
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
525 
+#available-menu-items .accordion-section-title:after {
526 
+	content: none !important;
527 
+}
528 
+
529 
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
530 
+#available-menu-items .button-link:hover .toggle-indicator:before,
531 
+#available-menu-items .button-link:focus .toggle-indicator:before {
532 
+	color: #1d2327;
533 
+}
534 
+
535 
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
536 
+	content: "\f142";
537 
+	color: #1d2327;
538 
+}
539 
+
540 
+#available-menu-items .available-menu-items-list {
541 
+	overflow-y: auto;
542 
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
543 
+	background: transparent;
544 
+}
545 
+
546 
+#available-menu-items .accordion-section-title button {
547 
+	display: block;
548 
+	width: 28px;
549 
+	height: 35px;
550 
+	position: absolute;
551 
+	top: 5px;
552 
+	left: 5px;
553 
+	box-shadow: none;
554 
+	outline: none;
555 
+	cursor: pointer;
556 
+	text-align: center;
557 
+}
558 
+
559 
+#available-menu-items .accordion-section-title .no-items,
560 
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
561 
+#available-menu-items .cannot-expand .accordion-section-title > button {
562 
+	display: none;
563 
+}
564 
+
565 
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
566 
+	display: block;
567 
+}
568 
+
569 
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
570 
+	float: left;
571 
+	color: #50575e;
572 
+	font-weight: 400;
573 
+	margin-right: 5px;
574 
+}
575 
+
576 
+#available-menu-items .accordion-section-content {
577 
+	max-height: 290px;
578 
+	margin: 0;
579 
+	padding: 0;
580 
+	position: relative;
581 
+	background: transparent;
582 
+}
583 
+
584 
+#available-menu-items .accordion-section-content .available-menu-items-list {
585 
+	margin: 0 0 45px 0;
586 
+	padding: 1px 15px 15px 15px;
587 
+}
588 
+
589 
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
590 
+	margin-bottom: 0;
591 
+}
592 
+
593 
+#new-custom-menu-item .accordion-section-content {
594 
+	padding: 0 15px 15px 15px;
595 
+}
596 
+
597 
+#available-menu-items .menu-item-tpl {
598 
+	margin: 0;
599 
+}
600 
+
601 
+#custom-menu-item-name.invalid,
602 
+#custom-menu-item-url.invalid,
603 
+.edit-menu-item-url.invalid,
604 
+.menu-name-field.invalid,
605 
+.menu-name-field.invalid:focus,
606 
+#available-menu-items .new-content-item .create-item-input.invalid,
607 
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
608 
+	border: 1px solid #d63638;
609 
+}
610 
+
611 
+#available-menu-items .menu-item-handle .item-type {
612 
+	padding-left: 0;
613 
+}
614 
+
615 
+#available-menu-items .menu-item-handle .item-title {
616 
+	padding-right: 20px;
617 
+}
618 
+
619 
+#available-menu-items .menu-item-handle {
620 
+	cursor: pointer;
621 
+}
622 
+
623 
+#available-menu-items .menu-item-handle {
624 
+	box-shadow: none;
625 
+	margin-top: -1px;
626 
+}
627 
+
628 
+#available-menu-items .menu-item-handle:hover {
629 
+	z-index: 1;
630 
+}
631 
+
632 
+#available-menu-items .item-title h4 {
633 
+	padding: 0 0 5px;
634 
+	font-size: 14px;
635 
+}
636 
+
637 
+#available-menu-items .item-add {
638 
+	position: absolute;
639 
+	top: 1px;
640 
+	right: 1px;
641 
+	color: #8c8f94;
642 
+	width: 30px;
643 
+	height: 38px;
644 
+	box-shadow: none;
645 
+	outline: none;
646 
+	cursor: pointer;
647 
+	text-align: center;
648 
+}
649 
+
650 
+#available-menu-items .menu-item-handle .item-add:focus {
651 
+	color: #1d2327;
652 
+}
653 
+
654 
+#available-menu-items .item-add:before {
655 
+	content: "\f543";
656 
+	position: relative;
657 
+	right: 2px;
658 
+	top: 3px;
659 
+	display: inline-block;
660 
+	height: 20px;
661 
+	border-radius: 50%;
662 
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
663 
+}
664 
+
665 
+#available-menu-items .menu-item-handle.item-added .item-type,
666 
+#available-menu-items .menu-item-handle.item-added .item-title,
667 
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
668 
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
669 
+	color: #8c8f94;
670 
+}
671 
+
672 
+#available-menu-items .menu-item-handle.item-added .item-add:before {
673 
+	content: "\f147";
674 
+}
675 
+
676 
+#available-menu-items .accordion-section-title.loading .spinner,
677 
+#available-menu-items-search.loading .accordion-section-title .spinner {
678 
+	visibility: visible;
679 
+	margin: 0 20px;
680 
+}
681 
+
682 
+#available-menu-items-search .spinner {
683 
+	position: absolute;
684 
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
685 
+	left: 21px;
686 
+	margin: 0 !important;
687 
+}
688 
+
689 
+/* search results list */
690 
+#available-menu-items #available-menu-items-search .accordion-section-content {
691 
+	position: absolute;
692 
+	right: 0;
693 
+	top: 60px; /* below title div / search input */
694 
+	bottom: 0px; /* 100% height that still triggers lazy load */
695 
+	max-height: none;
696 
+	width: 100%;
697 
+	padding: 1px 15px 15px;
698 
+	box-sizing: border-box;
699 
+}
700 
+
701 
+#available-menu-items-search .nothing-found {
702 
+	/* Compensate the 1px top padding of the container. */
703 
+	margin-top: -1px;
704 
+}
705 
+
706 
+#available-menu-items-search .accordion-section-title:after {
707 
+	display: none;
708 
+}
709 
+
710 
+#available-menu-items-search .accordion-section-content:empty {
711 
+	min-height: 0;
712 
+	padding: 0;
713 
+}
714 
+
715 
+#available-menu-items-search.loading .accordion-section-content div {
716 
+	opacity: .5;
717 
+}
718 
+
719 
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
720 
+	opacity: 1;
721 
+}
722 
+
723 
+#customize-preview {
724 
+	transition: all 0.2s;
725 
+}
726 
+
727 
+body.adding-menu-items #available-menu-items {
728 
+	right: 0;
729 
+	visibility: visible;
730 
+}
731 
+
732 
+body.adding-menu-items .wp-full-overlay-main {
733 
+	right: 300px;
734 
+}
735 
+
736 
+body.adding-menu-items #customize-preview {
737 
+	opacity: 0.4;
738 
+}
739 
+
740 
+body.adding-menu-items #customize-preview iframe {
741 
+	pointer-events: none;
742 
+}
743 
+
744 
+.menu-item-handle .spinner {
745 
+	display: none;
746 
+	float: right;
747 
+	margin: 0 0 0 8px;
748 
+}
749 
+
750 
+.nav-menu-inserted-item-loading .spinner {
751 
+	display: block;
752 
+}
753 
+
754 
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
755 
+	padding: 0 8px 0 0;
756 
+}
757 
+
758 
+.nav-menu-inserted-item-loading .menu-item-handle,
759 
+.added-menu-item .menu-item-handle.loading {
760 
+	padding: 10px 8px 10px 15px;
761 
+	cursor: default;
762 
+	opacity: .5;
763 
+	background: #fff;
764 
+	color: #787c82;
765 
+}
766 
+
767 
+.added-menu-item .menu-item-handle {
768 
+	transition-property: opacity, background, color;
769 
+	transition-duration: 1.25s;
770 
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
771 
+}
772 
+
773 
+/* Add/delete Menus */
774 
+
775 
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
776 
+	border-bottom-color: #dcdcde;
777 
+}
778 
+
779 
+/* @todo update selector */
780 
+#accordion-section-add_menu {
781 
+	margin: 15px 12px;
782 
+}
783 
+
784 
+#accordion-section-add_menu h3 {
785 
+	text-align: left;
786 
+}
787 
+
788 
+#accordion-section-add_menu h3,
789 
+#accordion-section-add_menu .customize-add-menu-button {
790 
+	margin: 0;
791 
+}
792 
+
793 
+#accordion-section-add_menu .customize-add-menu-button {
794 
+	font-weight: 400;
795 
+}
796 
+
797 
+#create-new-menu-submit {
798 
+	float: left;
799 
+	margin: 0 0 12px 0;
800 
+}
801 
+
802 
+.menu-delete-item {
803 
+	float: right;
804 
+	padding: 1em 0;
805 
+	width: 100%;
806 
+}
807 
+
808 
+.assigned-menu-locations-title p {
809 
+	margin: 0 0 8px 0;
810 
+}
811 
+
812 
+li.assigned-to-menu-location .menu-delete-item {
813 
+	display: none;
814 
+}
815 
+
816 
+li.assigned-to-menu-location .add-new-menu-item {
817 
+	margin-bottom: 1em;
818 
+}
819 
+
820 
+.menu-item-handle {
821 
+	margin-top: -1px;
822 
+}
823 
+.ui-sortable-disabled .menu-item-handle {
824 
+	cursor: default;
825 
+}
826 
+
827 
+.menu-item-handle:hover {
828 
+	position: relative;
829 
+	z-index: 10;
830 
+	color: #2271b1;
831 
+}
832 
+
833 
+.menu-item-handle:hover .item-type,
834 
+.menu-item-handle:hover .item-edit,
835 
+#available-menu-items .menu-item-handle:hover .item-add {
836 
+	color: #2271b1;
837 
+}
838 
+
839 
+.menu-item-edit-active .menu-item-handle {
840 
+	border-color: #8c8f94;
841 
+	border-bottom: none;
842 
+}
843 
+
844 
+.customize-control-nav_menu_item {
845 
+	margin-bottom: 0;
846 
+}
847 
+
848 
+.customize-control-nav_menu .new-menu-item-invitation {
849 
+	margin-top: 0;
850 
+	margin-bottom: 0;
851 
+}
852 
+
853 
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
854 
+	margin-top: 12px;
855 
+}
856 
+
857 
+/**
858 
+ * box-shadows
859 
+ */
860 
+
861 
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
862 
+.customize-screen-options-toggle:focus:before,
863 
+#customize-controls .customize-info .customize-help-toggle:focus:before,
864 
+.wp-customizer button:focus .toggle-indicator:before,
865 
+.menu-delete:focus,
866 
+.menu-item-bar .item-delete:focus:before,
867 
+#available-menu-items .item-add:focus:before {
868 
+	box-shadow:
869 
+		0 0 0 1px #4f94d4,
870 
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
871 
+}
872 
+
873 
+
874 
+@media screen and (max-width: 782px) {
875 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
876 
+		top: 63px;
877 
+	}
878 
+}
879 
+
880 
+@media screen and (max-width: 640px) {
881 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
882 
+		top: 130px;
883 
+	}
884 
+}

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


+ 883 - 0
app/wp-admin/css/customize-nav-menus.css
View File 

@@ -0,0 +1,883 @@
1 
+#customize-theme-controls #accordion-section-menu_locations {
2 
+	position: relative;
3 
+	margin-top: 30px;
4 
+}
5 
+
6 
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
7 
+	border-bottom-color: #dcdcde;
8 
+	margin-top: 15px;
9 
+}
10 
+
11 
+#customize-theme-controls .customize-section-title-nav_menus-heading,
12 
+#customize-theme-controls .customize-section-title-menu_locations-heading,
13 
+#customize-theme-controls .customize-section-title-menu_locations-description {
14 
+	padding: 0 12px 0 12px;
15 
+}
16 
+
17 
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
18 
+	/* Override the default italic style for control descriptions */
19 
+	font-style: normal;
20 
+}
21 
+
22 
+.menu-in-location,
23 
+.menu-in-locations {
24 
+	display: block;
25 
+	font-weight: 600;
26 
+	font-size: 10px;
27 
+}
28 
+
29 
+#customize-controls .theme-location-set,
30 
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
31 
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
32 
+	color: #50575e;
33 
+}
34 
+
35 
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
36 
+.customize-control-nav_menu_location .edit-menu,
37 
+.customize-control-nav_menu_location .create-menu {
38 
+	margin-left: 6px;
39 
+	vertical-align: middle;
40 
+	line-height: 2.2;
41 
+}
42 
+
43 
+#customize-controls .customize-control-nav_menu_name {
44 
+	margin-bottom: 12px;
45 
+}
46 
+
47 
+.customize-control-nav_menu_name p:last-of-type {
48 
+	margin-bottom: 0;
49 
+}
50 
+
51 
+#customize-new-menu-submit {
52 
+	float: right;
53 
+	min-width: 85px;
54 
+}
55 
+
56 
+.wp-customizer .menu-item-bar .menu-item-handle,
57 
+.wp-customizer .menu-item-settings,
58 
+.wp-customizer .menu-item-settings .description-thin {
59 
+	box-sizing: border-box;
60 
+}
61 
+
62 
+.wp-customizer .menu-item-bar {
63 
+	margin: 0;
64 
+}
65 
+
66 
+.wp-customizer .menu-item-bar .menu-item-handle {
67 
+	width: 100%;
68 
+	max-width: 100%;
69 
+	background: #fff;
70 
+}
71 
+
72 
+.wp-customizer .menu-item-handle .item-title {
73 
+	margin-right: 0;
74 
+}
75 
+
76 
+.wp-customizer .menu-item-handle .item-type {
77 
+	padding: 1px 21px 0 5px;
78 
+	float: right;
79 
+	text-align: right;
80 
+}
81 
+
82 
+.wp-customizer .menu-item-handle:hover {
83 
+	z-index: 8;
84 
+}
85 
+
86 
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
87 
+	border-left: 4px solid #72aee6;
88 
+}
89 
+
90 
+.wp-customizer .menu-item-settings {
91 
+	max-width: 100%;
92 
+	overflow: hidden;
93 
+	z-index: 8;
94 
+	padding: 10px;
95 
+	background: #f0f0f1;
96 
+	border: 1px solid #8c8f94;
97 
+	border-top: none;
98 
+}
99 
+
100 
+.wp-customizer .menu-item-settings .description-thin {
101 
+	width: 100%;
102 
+	height: auto;
103 
+	margin: 0 0 8px 0;
104 
+}
105 
+
106 
+.wp-customizer .menu-item-settings input[type="text"] {
107 
+	width: 100%;
108 
+}
109 
+
110 
+.wp-customizer .menu-item-settings .submitbox {
111 
+	margin: 0;
112 
+	padding: 0;
113 
+}
114 
+
115 
+.wp-customizer .menu-item-settings .link-to-original {
116 
+	padding: 5px 0;
117 
+	border: none;
118 
+	font-style: normal;
119 
+	margin: 0;
120 
+	width: 100%;
121 
+}
122 
+
123 
+.wp-customizer .menu-item .submitbox .submitdelete {
124 
+	float: left;
125 
+	margin: 6px 0 0;
126 
+	padding: 0;
127 
+	cursor: pointer;
128 
+}
129 
+
130 
+
131 
+/**
132 
+ * Menu items reordering styles
133 
+ */
134 
+
135 
+.menu-item-reorder-nav {
136 
+	display: none;
137 
+	background-color: #fff;
138 
+	position: absolute;
139 
+	top: 0;
140 
+	right: 0;
141 
+}
142 
+
143 
+.menus-move-left:before {
144 
+	content: "\f341";
145 
+}
146 
+
147 
+.menus-move-right:before {
148 
+	content: "\f345";
149 
+}
150 
+
151 
+.reordering .menu-item .item-controls,
152 
+.reordering .menu-item .item-type {
153 
+	display: none;
154 
+}
155 
+
156 
+.reordering .menu-item-reorder-nav {
157 
+	display: block;
158 
+}
159 
+
160 
+.customize-control input.menu-name-field {
161 
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
162 
+}
163 
+
164 
+.wp-customizer .menu-item .item-edit {
165 
+	position: absolute;
166 
+	right: -19px;
167 
+	top: 2px;
168 
+	display: block;
169 
+	width: 30px;
170 
+	height: 38px;
171 
+	margin-right: 0 !important;
172 
+	box-shadow: none;
173 
+	outline: none;
174 
+	overflow: hidden;
175 
+	cursor: pointer;
176 
+	text-align: center;
177 
+}
178 
+
179 
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
180 
+	content: "\f142";
181 
+}
182 
+
183 
+.wp-customizer .menu-item-settings p.description {
184 
+	font-style: normal;
185 
+}
186 
+
187 
+.wp-customizer .menu-settings dl {
188 
+	margin: 12px 0 0 0;
189 
+	padding: 0;
190 
+}
191 
+
192 
+.wp-customizer .menu-settings .checkbox-input {
193 
+	margin-top: 8px;
194 
+}
195 
+
196 
+.wp-customizer .menu-settings .menu-theme-locations {
197 
+	border-top: 1px solid #c3c4c7;
198 
+}
199 
+
200 
+.wp-customizer .menu-settings {
201 
+	margin-top: 36px;
202 
+	border-top: none;
203 
+}
204 
+
205 
+.wp-customizer .menu-location-settings {
206 
+	margin-top: 12px;
207 
+	border-top: none;
208 
+}
209 
+
210 
+.wp-customizer .control-section-nav_menu .menu-location-settings {
211 
+	margin-top: 24px;
212 
+	border-top: 1px solid #dcdcde;
213 
+}
214 
+
215 
+.wp-customizer .control-section-nav_menu .menu-location-settings,
216 
+.customize-control-nav_menu_auto_add {
217 
+	padding-top: 12px;
218 
+}
219 
+
220 
+.menu-location-settings .customize-control-checkbox .theme-location-set {
221 
+	line-height: 1;
222 
+}
223 
+
224 
+.customize-control-nav_menu_auto_add label {
225 
+	vertical-align: top;
226 
+}
227 
+
228 
+.menu-location-settings .new-menu-locations-widget-note {
229 
+	display: block;
230 
+}
231 
+
232 
+.customize-control-menu {
233 
+	margin-top: 4px;
234 
+}
235 
+
236 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
237 
+	color: #50575e;
238 
+}
239 
+
240 
+/* Screen Options */
241 
+.customize-screen-options-toggle {
242 
+	background: none;
243 
+	border: none;
244 
+	color: #50575e;
245 
+	cursor: pointer;
246 
+	margin: 0;
247 
+	padding: 20px;
248 
+	position: absolute;
249 
+	right: 0;
250 
+	top: 30px;
251 
+}
252 
+
253 
+#customize-controls .customize-info .customize-help-toggle {
254 
+	padding: 20px;
255 
+}
256 
+
257 
+#customize-controls .customize-info .customize-help-toggle:before {
258 
+	padding: 4px;
259 
+}
260 
+
261 
+.customize-screen-options-toggle:hover,
262 
+.customize-screen-options-toggle:active,
263 
+.customize-screen-options-toggle:focus,
264 
+.active-menu-screen-options .customize-screen-options-toggle,
265 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
266 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
267 
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
268 
+	color: #2271b1;
269 
+}
270 
+
271 
+.customize-screen-options-toggle:focus,
272 
+#customize-controls .customize-info .customize-help-toggle:focus {
273 
+	/* Only visible in Windows High Contrast mode */
274 
+	outline: 1px solid transparent;
275 
+}
276 
+
277 
+.customize-screen-options-toggle:before {
278 
+	-moz-osx-font-smoothing: grayscale;
279 
+	border: none;
280 
+	content: "\f111";
281 
+	display: block;
282 
+	font: 18px/1 dashicons;
283 
+	padding: 5px;
284 
+	text-align: center;
285 
+	text-decoration: none !important;
286 
+	text-indent: 0;
287 
+	left: 6px;
288 
+	position: absolute;
289 
+	top: 6px;
290 
+}
291 
+
292 
+.customize-screen-options-toggle:focus:before,
293 
+#customize-controls .customize-info .customize-help-toggle:focus:before {
294 
+	border-radius: 100%;
295 
+}
296 
+
297 
+.wp-customizer #screen-options-wrap {
298 
+	display: none;
299 
+	background: #fff;
300 
+	border-top: 1px solid #dcdcde;
301 
+	padding: 4px 15px 15px;
302 
+}
303 
+
304 
+.wp-customizer .metabox-prefs label {
305 
+	display: block;
306 
+	padding-right: 0;
307 
+	line-height: 30px;
308 
+}
309 
+
310 
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
311 
+.wp-customizer .toggle-indicator {
312 
+	display: inline-block;
313 
+	font-size: 20px;
314 
+	line-height: 1;
315 
+}
316 
+
317 
+.rtl .wp-customizer .toggle-indicator {
318 
+	text-indent: 1px; /* account for the dashicon alignment */
319 
+}
320 
+
321 
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
322 
+#available-menu-items .accordion-section-title .toggle-indicator:before {
323 
+	content: "\f140";
324 
+	display: block;
325 
+	padding: 1px 2px 1px 0px;
326 
+	speak: never;
327 
+	border-radius: 50%;
328 
+	color: #787c82;
329 
+	font: normal 20px/1 dashicons;
330 
+	-webkit-font-smoothing: antialiased;
331 
+	-moz-osx-font-smoothing: grayscale;
332 
+	text-decoration: none !important;
333 
+}
334 
+
335 
+.control-section-nav_menu .field-link-target,
336 
+.control-section-nav_menu .field-title-attribute,
337 
+.control-section-nav_menu .field-css-classes,
338 
+.control-section-nav_menu .field-xfn,
339 
+.control-section-nav_menu .field-description {
340 
+	display: none;
341 
+}
342 
+
343 
+.control-section-nav_menu.field-link-target-active .field-link-target,
344 
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
345 
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
346 
+.control-section-nav_menu.field-xfn-active .field-xfn,
347 
+.control-section-nav_menu.field-description-active .field-description {
348 
+	display: block;
349 
+}
350 
+
351 
+/* WARNING: The 20px factor is hard-coded in JS. */
352 
+.menu-item-depth-0  { margin-left: 0;     }
353 
+.menu-item-depth-1  { margin-left: 20px;  }
354 
+.menu-item-depth-2  { margin-left: 40px;  }
355 
+.menu-item-depth-3  { margin-left: 60px;  }
356 
+.menu-item-depth-4  { margin-left: 80px;  }
357 
+.menu-item-depth-5  { margin-left: 100px; }
358 
+.menu-item-depth-6  { margin-left: 120px; }
359 
+.menu-item-depth-7  { margin-left: 140px; }
360 
+.menu-item-depth-8  { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
361 
+.menu-item-depth-9  { margin-left: 180px; }
362 
+.menu-item-depth-10 { margin-left: 200px; }
363 
+.menu-item-depth-11 { margin-left: 220px; }
364 
+
365 
+/* @todo handle .menu-item-settings width */
366 
+.menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
367 
+.menu-item-depth-1  > .menu-item-bar { margin-right: 20px;  }
368 
+.menu-item-depth-2  > .menu-item-bar { margin-right: 40px;  }
369 
+.menu-item-depth-3  > .menu-item-bar { margin-right: 60px;  }
370 
+.menu-item-depth-4  > .menu-item-bar { margin-right: 80px;  }
371 
+.menu-item-depth-5  > .menu-item-bar { margin-right: 100px; }
372 
+.menu-item-depth-6  > .menu-item-bar { margin-right: 120px; }
373 
+.menu-item-depth-7  > .menu-item-bar { margin-right: 140px; }
374 
+.menu-item-depth-8  > .menu-item-bar { margin-right: 160px; }
375 
+.menu-item-depth-9  > .menu-item-bar { margin-right: 180px; }
376 
+.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
377 
+.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
378 
+
379 
+/* Submenu left margin. */
380 
+.menu-item-depth-0  .menu-item-transport { margin-left: 0;      }
381 
+.menu-item-depth-1  .menu-item-transport { margin-left: -20px;  }
382 
+.menu-item-depth-3  .menu-item-transport { margin-left: -60px;  }
383 
+.menu-item-depth-4  .menu-item-transport { margin-left: -80px;  }
384 
+.menu-item-depth-2  .menu-item-transport { margin-left: -40px;  }
385 
+.menu-item-depth-5  .menu-item-transport { margin-left: -100px; }
386 
+.menu-item-depth-6  .menu-item-transport { margin-left: -120px; }
387 
+.menu-item-depth-7  .menu-item-transport { margin-left: -140px; }
388 
+.menu-item-depth-8  .menu-item-transport { margin-left: -160px; }
389 
+.menu-item-depth-9  .menu-item-transport { margin-left: -180px; }
390 
+.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
391 
+.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
392 
+
393 
+/* WARNING: The 20px factor is hard-coded in JS. */
394 
+.reordering .menu-item-depth-0  { margin-left: 0;     }
395 
+.reordering .menu-item-depth-1  { margin-left: 15px;  }
396 
+.reordering .menu-item-depth-2  { margin-left: 30px;  }
397 
+.reordering .menu-item-depth-3  { margin-left: 45px;  }
398 
+.reordering .menu-item-depth-4  { margin-left: 60px;  }
399 
+.reordering .menu-item-depth-5  { margin-left: 75px;  }
400 
+.reordering .menu-item-depth-6  { margin-left: 90px;  }
401 
+.reordering .menu-item-depth-7  { margin-left: 105px; }
402 
+.reordering .menu-item-depth-8  { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
403 
+.reordering .menu-item-depth-9  { margin-left: 135px; }
404 
+.reordering .menu-item-depth-10 { margin-left: 150px; }
405 
+.reordering .menu-item-depth-11 { margin-left: 165px; }
406 
+
407 
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
408 
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-right: 15px;  }
409 
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-right: 30px;  }
410 
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-right: 45px;  }
411 
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-right: 60px;  }
412 
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-right: 75px;  }
413 
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-right: 90px;  }
414 
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-right: 105px; }
415 
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-right: 120px; }
416 
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-right: 135px; }
417 
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
418 
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
419 
+
420 
+.control-section-nav_menu.menu .menu-item-edit-active {
421 
+	margin-left: 0;
422 
+}
423 
+
424 
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
425 
+	margin-right: 0;
426 
+}
427 
+
428 
+.control-section-nav_menu.menu .sortable-placeholder {
429 
+	margin-top: 0;
430 
+	margin-bottom: 1px;
431 
+	max-width: calc(100% - 2px);
432 
+	float: left;
433 
+	display: list-item;
434 
+	border-color: #a7aaad;
435 
+}
436 
+
437 
+.menu-item-transport li.customize-control {
438 
+	float: none;
439 
+}
440 
+
441 
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
442 
+	margin-top: 0;
443 
+}
444 
+
445 
+/**
446 
+ * Add-menu-items mode
447 
+ */
448 
+
449 
+.adding-menu-items .control-section {
450 
+	opacity: .4;
451 
+}
452 
+
453 
+.adding-menu-items .control-panel.control-section,
454 
+.adding-menu-items .control-section.open {
455 
+	opacity: 1;
456 
+}
457 
+
458 
+.menu-item-bar .item-delete {
459 
+	color: #d63638;
460 
+	position: absolute;
461 
+	top: 2px;
462 
+	right: -19px;
463 
+	width: 30px;
464 
+	height: 38px;
465 
+	cursor: pointer;
466 
+	display: none;
467 
+}
468 
+
469 
+.menu-item-bar .item-delete:before {
470 
+	content: "\f335";
471 
+	position: absolute;
472 
+	top: 9px;
473 
+	left: 5px;
474 
+	border-radius: 50%;
475 
+	font: normal 20px/1 dashicons;
476 
+	-webkit-font-smoothing: antialiased;
477 
+	-moz-osx-font-smoothing: grayscale;
478 
+}
479 
+
480 
+.menu-item-bar .item-delete:hover,
481 
+.menu-item-bar .item-delete:focus {
482 
+	box-shadow: none;
483 
+	outline: none;
484 
+	color: #d63638;
485 
+}
486 
+
487 
+.adding-menu-items .menu-item-bar .item-edit {
488 
+	display: none;
489 
+}
490 
+
491 
+.adding-menu-items .menu-item-bar .item-delete {
492 
+	display: block;
493 
+}
494 
+
495 
+/**
496 
+ * Styles for menu-item addition panel
497 
+ */
498 
+
499 
+#available-menu-items.opening {
500 
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
501 
+}
502 
+
503 
+#available-menu-items #available-menu-items-search.open {
504 
+	height: 100%;
505 
+	border-bottom: none;
506 
+}
507 
+
508 
+#available-menu-items .accordion-section-title {
509 
+	border-left: none;
510 
+	border-right: none;
511 
+	background: #fff;
512 
+	transition: background-color 0.15s;
513 
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
514 
+	-webkit-user-select: auto;
515 
+	user-select: auto;
516 
+}
517 
+
518 
+#available-menu-items .open .accordion-section-title,
519 
+#available-menu-items #available-menu-items-search .accordion-section-title {
520 
+	background: #f0f0f1;
521 
+}
522 
+
523 
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
524 
+#available-menu-items .accordion-section-title:after {
525 
+	content: none !important;
526 
+}
527 
+
528 
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
529 
+#available-menu-items .button-link:hover .toggle-indicator:before,
530 
+#available-menu-items .button-link:focus .toggle-indicator:before {
531 
+	color: #1d2327;
532 
+}
533 
+
534 
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
535 
+	content: "\f142";
536 
+	color: #1d2327;
537 
+}
538 
+
539 
+#available-menu-items .available-menu-items-list {
540 
+	overflow-y: auto;
541 
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
542 
+	background: transparent;
543 
+}
544 
+
545 
+#available-menu-items .accordion-section-title button {
546 
+	display: block;
547 
+	width: 28px;
548 
+	height: 35px;
549 
+	position: absolute;
550 
+	top: 5px;
551 
+	right: 5px;
552 
+	box-shadow: none;
553 
+	outline: none;
554 
+	cursor: pointer;
555 
+	text-align: center;
556 
+}
557 
+
558 
+#available-menu-items .accordion-section-title .no-items,
559 
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
560 
+#available-menu-items .cannot-expand .accordion-section-title > button {
561 
+	display: none;
562 
+}
563 
+
564 
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
565 
+	display: block;
566 
+}
567 
+
568 
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
569 
+	float: right;
570 
+	color: #50575e;
571 
+	font-weight: 400;
572 
+	margin-left: 5px;
573 
+}
574 
+
575 
+#available-menu-items .accordion-section-content {
576 
+	max-height: 290px;
577 
+	margin: 0;
578 
+	padding: 0;
579 
+	position: relative;
580 
+	background: transparent;
581 
+}
582 
+
583 
+#available-menu-items .accordion-section-content .available-menu-items-list {
584 
+	margin: 0 0 45px 0;
585 
+	padding: 1px 15px 15px 15px;
586 
+}
587 
+
588 
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
589 
+	margin-bottom: 0;
590 
+}
591 
+
592 
+#new-custom-menu-item .accordion-section-content {
593 
+	padding: 0 15px 15px 15px;
594 
+}
595 
+
596 
+#available-menu-items .menu-item-tpl {
597 
+	margin: 0;
598 
+}
599 
+
600 
+#custom-menu-item-name.invalid,
601 
+#custom-menu-item-url.invalid,
602 
+.edit-menu-item-url.invalid,
603 
+.menu-name-field.invalid,
604 
+.menu-name-field.invalid:focus,
605 
+#available-menu-items .new-content-item .create-item-input.invalid,
606 
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
607 
+	border: 1px solid #d63638;
608 
+}
609 
+
610 
+#available-menu-items .menu-item-handle .item-type {
611 
+	padding-right: 0;
612 
+}
613 
+
614 
+#available-menu-items .menu-item-handle .item-title {
615 
+	padding-left: 20px;
616 
+}
617 
+
618 
+#available-menu-items .menu-item-handle {
619 
+	cursor: pointer;
620 
+}
621 
+
622 
+#available-menu-items .menu-item-handle {
623 
+	box-shadow: none;
624 
+	margin-top: -1px;
625 
+}
626 
+
627 
+#available-menu-items .menu-item-handle:hover {
628 
+	z-index: 1;
629 
+}
630 
+
631 
+#available-menu-items .item-title h4 {
632 
+	padding: 0 0 5px;
633 
+	font-size: 14px;
634 
+}
635 
+
636 
+#available-menu-items .item-add {
637 
+	position: absolute;
638 
+	top: 1px;
639 
+	left: 1px;
640 
+	color: #8c8f94;
641 
+	width: 30px;
642 
+	height: 38px;
643 
+	box-shadow: none;
644 
+	outline: none;
645 
+	cursor: pointer;
646 
+	text-align: center;
647 
+}
648 
+
649 
+#available-menu-items .menu-item-handle .item-add:focus {
650 
+	color: #1d2327;
651 
+}
652 
+
653 
+#available-menu-items .item-add:before {
654 
+	content: "\f543";
655 
+	position: relative;
656 
+	left: 2px;
657 
+	top: 3px;
658 
+	display: inline-block;
659 
+	height: 20px;
660 
+	border-radius: 50%;
661 
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
662 
+}
663 
+
664 
+#available-menu-items .menu-item-handle.item-added .item-type,
665 
+#available-menu-items .menu-item-handle.item-added .item-title,
666 
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
667 
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
668 
+	color: #8c8f94;
669 
+}
670 
+
671 
+#available-menu-items .menu-item-handle.item-added .item-add:before {
672 
+	content: "\f147";
673 
+}
674 
+
675 
+#available-menu-items .accordion-section-title.loading .spinner,
676 
+#available-menu-items-search.loading .accordion-section-title .spinner {
677 
+	visibility: visible;
678 
+	margin: 0 20px;
679 
+}
680 
+
681 
+#available-menu-items-search .spinner {
682 
+	position: absolute;
683 
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
684 
+	right: 21px;
685 
+	margin: 0 !important;
686 
+}
687 
+
688 
+/* search results list */
689 
+#available-menu-items #available-menu-items-search .accordion-section-content {
690 
+	position: absolute;
691 
+	left: 0;
692 
+	top: 60px; /* below title div / search input */
693 
+	bottom: 0px; /* 100% height that still triggers lazy load */
694 
+	max-height: none;
695 
+	width: 100%;
696 
+	padding: 1px 15px 15px;
697 
+	box-sizing: border-box;
698 
+}
699 
+
700 
+#available-menu-items-search .nothing-found {
701 
+	/* Compensate the 1px top padding of the container. */
702 
+	margin-top: -1px;
703 
+}
704 
+
705 
+#available-menu-items-search .accordion-section-title:after {
706 
+	display: none;
707 
+}
708 
+
709 
+#available-menu-items-search .accordion-section-content:empty {
710 
+	min-height: 0;
711 
+	padding: 0;
712 
+}
713 
+
714 
+#available-menu-items-search.loading .accordion-section-content div {
715 
+	opacity: .5;
716 
+}
717 
+
718 
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
719 
+	opacity: 1;
720 
+}
721 
+
722 
+#customize-preview {
723 
+	transition: all 0.2s;
724 
+}
725 
+
726 
+body.adding-menu-items #available-menu-items {
727 
+	left: 0;
728 
+	visibility: visible;
729 
+}
730 
+
731 
+body.adding-menu-items .wp-full-overlay-main {
732 
+	left: 300px;
733 
+}
734 
+
735 
+body.adding-menu-items #customize-preview {
736 
+	opacity: 0.4;
737 
+}
738 
+
739 
+body.adding-menu-items #customize-preview iframe {
740 
+	pointer-events: none;
741 
+}
742 
+
743 
+.menu-item-handle .spinner {
744 
+	display: none;
745 
+	float: left;
746 
+	margin: 0 8px 0 0;
747 
+}
748 
+
749 
+.nav-menu-inserted-item-loading .spinner {
750 
+	display: block;
751 
+}
752 
+
753 
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
754 
+	padding: 0 0 0 8px;
755 
+}
756 
+
757 
+.nav-menu-inserted-item-loading .menu-item-handle,
758 
+.added-menu-item .menu-item-handle.loading {
759 
+	padding: 10px 15px 10px 8px;
760 
+	cursor: default;
761 
+	opacity: .5;
762 
+	background: #fff;
763 
+	color: #787c82;
764 
+}
765 
+
766 
+.added-menu-item .menu-item-handle {
767 
+	transition-property: opacity, background, color;
768 
+	transition-duration: 1.25s;
769 
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
770 
+}
771 
+
772 
+/* Add/delete Menus */
773 
+
774 
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
775 
+	border-bottom-color: #dcdcde;
776 
+}
777 
+
778 
+/* @todo update selector */
779 
+#accordion-section-add_menu {
780 
+	margin: 15px 12px;
781 
+}
782 
+
783 
+#accordion-section-add_menu h3 {
784 
+	text-align: right;
785 
+}
786 
+
787 
+#accordion-section-add_menu h3,
788 
+#accordion-section-add_menu .customize-add-menu-button {
789 
+	margin: 0;
790 
+}
791 
+
792 
+#accordion-section-add_menu .customize-add-menu-button {
793 
+	font-weight: 400;
794 
+}
795 
+
796 
+#create-new-menu-submit {
797 
+	float: right;
798 
+	margin: 0 0 12px 0;
799 
+}
800 
+
801 
+.menu-delete-item {
802 
+	float: left;
803 
+	padding: 1em 0;
804 
+	width: 100%;
805 
+}
806 
+
807 
+.assigned-menu-locations-title p {
808 
+	margin: 0 0 8px 0;
809 
+}
810 
+
811 
+li.assigned-to-menu-location .menu-delete-item {
812 
+	display: none;
813 
+}
814 
+
815 
+li.assigned-to-menu-location .add-new-menu-item {
816 
+	margin-bottom: 1em;
817 
+}
818 
+
819 
+.menu-item-handle {
820 
+	margin-top: -1px;
821 
+}
822 
+.ui-sortable-disabled .menu-item-handle {
823 
+	cursor: default;
824 
+}
825 
+
826 
+.menu-item-handle:hover {
827 
+	position: relative;
828 
+	z-index: 10;
829 
+	color: #2271b1;
830 
+}
831 
+
832 
+.menu-item-handle:hover .item-type,
833 
+.menu-item-handle:hover .item-edit,
834 
+#available-menu-items .menu-item-handle:hover .item-add {
835 
+	color: #2271b1;
836 
+}
837 
+
838 
+.menu-item-edit-active .menu-item-handle {
839 
+	border-color: #8c8f94;
840 
+	border-bottom: none;
841 
+}
842 
+
843 
+.customize-control-nav_menu_item {
844 
+	margin-bottom: 0;
845 
+}
846 
+
847 
+.customize-control-nav_menu .new-menu-item-invitation {
848 
+	margin-top: 0;
849 
+	margin-bottom: 0;
850 
+}
851 
+
852 
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
853 
+	margin-top: 12px;
854 
+}
855 
+
856 
+/**
857 
+ * box-shadows
858 
+ */
859 
+
860 
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
861 
+.customize-screen-options-toggle:focus:before,
862 
+#customize-controls .customize-info .customize-help-toggle:focus:before,
863 
+.wp-customizer button:focus .toggle-indicator:before,
864 
+.menu-delete:focus,
865 
+.menu-item-bar .item-delete:focus:before,
866 
+#available-menu-items .item-add:focus:before {
867 
+	box-shadow:
868 
+		0 0 0 1px #4f94d4,
869 
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
870 
+}
871 
+
872 
+
873 
+@media screen and (max-width: 782px) {
874 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
875 
+		top: 63px;
876 
+	}
877 
+}
878 
+
879 
+@media screen and (max-width: 640px) {
880 
+	#available-menu-items #available-menu-items-search .accordion-section-content {
881 
+		top: 130px;
882 
+	}
883 
+}

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


+ 479 - 0
app/wp-admin/css/customize-widgets-rtl.css
View File 

@@ -0,0 +1,479 @@
1 
+/*! This file is auto-generated */
2 
+.wp-full-overlay-sidebar {
3 
+	overflow: visible;
4 
+}
5 
+
6 
+/**
7 
+ * Hide all sidebar sections by default, only show them (via JS) once the
8 
+ * preview loads and we know whether the sidebars are used in the template.
9 
+ */
10 
+
11 
+.control-section.control-section-sidebar,
12 
+.customize-control-sidebar_widgets label,
13 
+.customize-control-sidebar_widgets .hide-if-js {
14 
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
15 
+	display: none;
16 
+}
17 
+
18 
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
19 
+	overflow: visible;
20 
+}
21 
+
22 
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
23 
+.customize-control-widget_form .widget-top {
24 
+	background: #fff;
25 
+	transition: opacity 0.5s;
26 
+}
27 
+
28 
+.customize-control .widget-action {
29 
+	color: #787c82;
30 
+}
31 
+
32 
+.customize-control .widget-top:hover .widget-action,
33 
+.customize-control .widget-action:focus {
34 
+	color: #1d2327;
35 
+}
36 
+
37 
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
38 
+	opacity: 0.5;
39 
+}
40 
+
41 
+.customize-control-widget_form .widget-control-save {
42 
+	display: none;
43 
+}
44 
+
45 
+.customize-control-widget_form .spinner {
46 
+	visibility: hidden;
47 
+	margin-top: 0;
48 
+}
49 
+
50 
+.customize-control-widget_form.previewer-loading .spinner {
51 
+	visibility: visible;
52 
+}
53 
+
54 
+.customize-control-widget_form.widget-form-disabled .widget-content {
55 
+	opacity: 0.7;
56 
+	pointer-events: none;
57 
+	-webkit-user-select: none;
58 
+	user-select: none;
59 
+}
60 
+
61 
+.customize-control-widget_form .widget {
62 
+	margin-bottom: 0;
63 
+}
64 
+
65 
+.customize-control-widget_form.wide-widget-control .widget-inside {
66 
+	position: fixed;
67 
+	right: 299px;
68 
+	top: 25%;
69 
+	border: 1px solid #dcdcde;
70 
+	overflow: auto;
71 
+}
72 
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
73 
+	padding: 20px;
74 
+}
75 
+
76 
+.customize-control-widget_form.wide-widget-control .widget-top {
77 
+	transition: background-color 0.4s;
78 
+}
79 
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
80 
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
81 
+	background-color: #dcdcde;
82 
+}
83 
+
84 
+.widget-inside {
85 
+	padding: 1px 10px 10px 10px;
86 
+	border-top: none;
87 
+	line-height: 1.23076923;
88 
+}
89 
+
90 
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
91 
+	content: "\f142";
92 
+}
93 
+
94 
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
95 
+	content: "\f141";
96 
+}
97 
+
98 
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
99 
+	content: "\f139";
100 
+}
101 
+
102 
+.widget-title-action {
103 
+	cursor: pointer;
104 
+}
105 
+
106 
+.widget-top,
107 
+.customize-control-widget_form .widget .customize-control-title {
108 
+	cursor: move;
109 
+}
110 
+
111 
+.control-section.accordion-section.highlighted > .accordion-section-title,
112 
+.customize-control-widget_form.highlighted {
113 
+	outline: none;
114 
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
115 
+	position: relative;
116 
+	z-index: 1;
117 
+}
118 
+
119 
+#widget-customizer-control-templates {
120 
+	display: none;
121 
+}
122 
+
123 
+/**
124 
+ * Widget reordering styles
125 
+ */
126 
+
127 
+#customize-theme-controls .widget-reorder-nav {
128 
+	display: none;
129 
+	float: left;
130 
+	background-color: #f6f7f7;
131 
+}
132 
+
133 
+.move-widget:before {
134 
+	content: "\f504";
135 
+}
136 
+
137 
+#customize-theme-controls .move-widget-area {
138 
+	display: none;
139 
+	background: #fff;
140 
+	border: 1px solid #c3c4c7;
141 
+	border-top: none;
142 
+	cursor: auto;
143 
+}
144 
+
145 
+#customize-theme-controls .reordering .move-widget-area.active {
146 
+	display: block;
147 
+}
148 
+
149 
+#customize-theme-controls .move-widget-area .description {
150 
+	margin: 0;
151 
+	padding: 15px 20px;
152 
+	font-weight: 400;
153 
+}
154 
+
155 
+#customize-theme-controls .widget-area-select {
156 
+	margin: 0;
157 
+	padding: 0;
158 
+	list-style: none;
159 
+}
160 
+
161 
+#customize-theme-controls .widget-area-select li {
162 
+	position: relative;
163 
+	margin: 0;
164 
+	padding: 13px 42px 15px 15px;
165 
+	color: #50575e;
166 
+	border-top: 1px solid #c3c4c7;
167 
+	cursor: pointer;
168 
+	-webkit-user-select: none;
169 
+	user-select: none;
170 
+}
171 
+
172 
+#customize-theme-controls .widget-area-select li:before {
173 
+	display: none;
174 
+	content: "\f147";
175 
+	position: absolute;
176 
+	top: 12px;
177 
+	right: 10px;
178 
+	font: normal 20px/1 dashicons;
179 
+	-webkit-font-smoothing: antialiased;
180 
+	-moz-osx-font-smoothing: grayscale;
181 
+}
182 
+
183 
+#customize-theme-controls .widget-area-select li:last-child {
184 
+	border-bottom: 1px solid #c3c4c7;
185 
+}
186 
+
187 
+#customize-theme-controls .widget-area-select .selected {
188 
+	color: #fff;
189 
+	background: #2271b1;
190 
+}
191 
+
192 
+#customize-theme-controls .widget-area-select .selected:before {
193 
+	display: block;
194 
+}
195 
+
196 
+#customize-theme-controls .move-widget-actions {
197 
+	text-align: left;
198 
+	padding: 12px;
199 
+}
200 
+
201 
+#customize-theme-controls .reordering .widget-title-action {
202 
+	display: none;
203 
+}
204 
+
205 
+#customize-theme-controls .reordering .widget-reorder-nav {
206 
+	display: block;
207 
+}
208 
+
209 
+/* Text Widget */
210 
+.wp-customizer div.mce-inline-toolbar-grp,
211 
+.wp-customizer div.mce-tooltip {
212 
+	z-index: 500100 !important;
213 
+}
214 
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
215 
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
216 
+}
217 
+.wp-customizer #wp-link-backdrop {
218 
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
219 
+}
220 
+.wp-customizer #wp-link-wrap {
221 
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
222 
+}
223 
+
224 
+/**
225 
+ * Styles for new widget addition panel
226 
+ */
227 
+
228 
+/* override widgets admin page rules in wp-admin/css/widgets.css */
229 
+#widgets-left #available-widgets .widget {
230 
+	float: none !important;
231 
+	width: auto !important;
232 
+}
233 
+
234 
+/* Keep rule that is no longer necessary on widgets.php. */
235 
+#available-widgets .widget-action {
236 
+	display: none;
237 
+}
238 
+
239 
+.ios #available-widgets {
240 
+	transition: right 0s;
241 
+}
242 
+
243 
+#available-widgets .widget-tpl:hover,
244 
+#available-widgets .widget-tpl.selected {
245 
+	background: #f6f7f7;
246 
+	border-bottom-color: #c3c4c7;
247 
+	color: #2271b1;
248 
+	border-right: 4px solid #2271b1;
249 
+}
250 
+
251 
+#customize-controls .widget-title h3 {
252 
+	font-size: 1em;
253 
+}
254 
+
255 
+#available-widgets .widget-title h3 {
256 
+	padding: 0 0 5px;
257 
+	font-size: 14px;
258 
+}
259 
+
260 
+#available-widgets .widget .widget-description {
261 
+	padding: 0;
262 
+	color: #646970;
263 
+}
264 
+
265 
+#customize-preview {
266 
+	transition: all 0.2s;
267 
+}
268 
+
269 
+body.adding-widget #available-widgets {
270 
+	right: 0;
271 
+	visibility: visible;
272 
+}
273 
+
274 
+body.adding-widget .wp-full-overlay-main {
275 
+	right: 300px;
276 
+}
277 
+
278 
+body.adding-widget #customize-preview {
279 
+	opacity: 0.4;
280 
+}
281 
+
282 
+
283 
+/**
284 
+ * Widget Icon styling
285 
+ * No plurals in naming.
286 
+ * Ordered from lowest to highest specificity.
287 
+ */
288 
+
289 
+#available-widgets .widget-title {
290 
+	position: relative;
291 
+}
292 
+
293 
+#available-widgets .widget-title:before {
294 
+	content: "\f132";
295 
+	position: absolute;
296 
+	top: -3px;
297 
+	left: 100%;
298 
+	margin-left: 20px;
299 
+	width: 20px;
300 
+	height: 20px;
301 
+	color: #2c3338;
302 
+	font: normal 20px/1 dashicons;
303 
+	text-align: center;
304 
+	box-sizing: border-box;
305 
+	-webkit-font-smoothing: antialiased;
306 
+	-moz-osx-font-smoothing: grayscale;
307 
+}
308 
+
309 
+/* dashicons-smiley */
310 
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
311 
+
312 
+/* dashicons-star-filled */
313 
+#available-widgets [class*="super"] .widget-title:before,
314 
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
315 
+
316 
+/* dashicons-wordpress */
317 
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
318 
+
319 
+/* dashicons-archive */
320 
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
321 
+
322 
+/* dashicons-category */
323 
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
324 
+
325 
+/* dashicons-admin-comments */
326 
+#available-widgets [class*="comment"] .widget-title:before,
327 
+#available-widgets [class*="testimonial"] .widget-title:before,
328 
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
329 
+
330 
+/* dashicons-admin-post */
331 
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
332 
+
333 
+/* dashicons-admin-page */
334 
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
335 
+
336 
+/* dashicons-text */
337 
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
338 
+
339 
+/* dashicons-admin-links */
340 
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
341 
+
342 
+/* dashicons-search */
343 
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
344 
+
345 
+/* dashicons-menu */
346 
+#available-widgets [class*="menu"] .widget-title:before,
347 
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
348 
+
349 
+/* dashicons-tagcloud */
350 
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
351 
+
352 
+/* dashicons-rss */
353 
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
354 
+
355 
+/* dashicons-calendar */
356 
+#available-widgets [class*="event"] .widget-title:before,
357 
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
358 
+
359 
+/* dashicons-format-image */
360 
+#available-widgets [class*="image"] .widget-title:before,
361 
+#available-widgets [class*="photo"] .widget-title:before,
362 
+#available-widgets [class*="slide"] .widget-title:before,
363 
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
364 
+
365 
+/* dashicons-format-gallery */
366 
+#available-widgets [class*="album"] .widget-title:before,
367 
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
368 
+
369 
+/* dashicons-format-video */
370 
+#available-widgets [class*="video"] .widget-title:before,
371 
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
372 
+
373 
+/* dashicons-format-audio */
374 
+#available-widgets [class*="music"] .widget-title:before,
375 
+#available-widgets [class*="radio"] .widget-title:before,
376 
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
377 
+
378 
+/* dashicons-admin-users */
379 
+#available-widgets [class*="login"] .widget-title:before,
380 
+#available-widgets [class*="user"] .widget-title:before,
381 
+#available-widgets [class*="member"] .widget-title:before,
382 
+#available-widgets [class*="avatar"] .widget-title:before,
383 
+#available-widgets [class*="subscriber"] .widget-title:before,
384 
+#available-widgets [class*="profile"] .widget-title:before,
385 
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
386 
+
387 
+/* dashicons-cart */
388 
+#available-widgets [class*="commerce"] .widget-title:before,
389 
+#available-widgets [class*="shop"] .widget-title:before,
390 
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
391 
+
392 
+/* dashicons-shield */
393 
+#available-widgets [class*="secur"] .widget-title:before,
394 
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
395 
+
396 
+/* dashicons-chart-bar */
397 
+#available-widgets [class*="analytic"] .widget-title:before,
398 
+#available-widgets [class*="stat"] .widget-title:before,
399 
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
400 
+
401 
+/* dashicons-feedback */
402 
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
403 
+
404 
+/* dashicons-email-alt */
405 
+#available-widgets [class*="subscribe"] .widget-title:before,
406 
+#available-widgets [class*="news"] .widget-title:before,
407 
+#available-widgets [class*="contact"] .widget-title:before,
408 
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
409 
+
410 
+/* dashicons-share */
411 
+#available-widgets [class*="share"] .widget-title:before,
412 
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
413 
+
414 
+/* dashicons-translation */
415 
+#available-widgets [class*="lang"] .widget-title:before,
416 
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
417 
+
418 
+/* dashicons-location-alt */
419 
+#available-widgets [class*="locat"] .widget-title:before,
420 
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
421 
+
422 
+/* dashicons-download */
423 
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
424 
+
425 
+/* dashicons-cloud */
426 
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
427 
+
428 
+/* dashicons-facebook */
429 
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
430 
+
431 
+/* dashicons-twitter */
432 
+#available-widgets [class*="tweet"] .widget-title:before,
433 
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
434 
+
435 
+@media screen and (max-height: 700px) and (min-width: 981px) {
436 
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
437 
+	.customize-control-widget_form {
438 
+		margin-bottom: 0;
439 
+	}
440 
+
441 
+	.widget-top {
442 
+		box-shadow: none;
443 
+		margin-top: -1px;
444 
+	}
445 
+
446 
+	.widget-top:hover {
447 
+		position: relative;
448 
+		z-index: 1;
449 
+	}
450 
+
451 
+	.last-widget {
452 
+		margin-bottom: 15px;
453 
+	}
454 
+
455 
+	.widget-title h3 {
456 
+		padding: 13px 15px;
457 
+	}
458 
+
459 
+	.widget-top .widget-action {
460 
+		padding: 8px 10px;
461 
+	}
462 
+
463 
+	.widget-reorder-nav span {
464 
+		height: 39px;
465 
+	}
466 
+
467 
+	.widget-reorder-nav span:before {
468 
+		line-height: 39px;
469 
+	}
470 
+
471 
+	/* Compact the move widget areas. */
472 
+	#customize-theme-controls .widget-area-select li {
473 
+		padding: 9px 42px 11px 15px;
474 
+	}
475 
+
476 
+	#customize-theme-controls .widget-area-select li:before {
477 
+		top: 8px;
478 
+	}
479 
+}

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


+ 478 - 0
app/wp-admin/css/customize-widgets.css
View File 

@@ -0,0 +1,478 @@
1 
+.wp-full-overlay-sidebar {
2 
+	overflow: visible;
3 
+}
4 
+
5 
+/**
6 
+ * Hide all sidebar sections by default, only show them (via JS) once the
7 
+ * preview loads and we know whether the sidebars are used in the template.
8 
+ */
9 
+
10 
+.control-section.control-section-sidebar,
11 
+.customize-control-sidebar_widgets label,
12 
+.customize-control-sidebar_widgets .hide-if-js {
13 
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
14 
+	display: none;
15 
+}
16 
+
17 
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
18 
+	overflow: visible;
19 
+}
20 
+
21 
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
22 
+.customize-control-widget_form .widget-top {
23 
+	background: #fff;
24 
+	transition: opacity 0.5s;
25 
+}
26 
+
27 
+.customize-control .widget-action {
28 
+	color: #787c82;
29 
+}
30 
+
31 
+.customize-control .widget-top:hover .widget-action,
32 
+.customize-control .widget-action:focus {
33 
+	color: #1d2327;
34 
+}
35 
+
36 
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
37 
+	opacity: 0.5;
38 
+}
39 
+
40 
+.customize-control-widget_form .widget-control-save {
41 
+	display: none;
42 
+}
43 
+
44 
+.customize-control-widget_form .spinner {
45 
+	visibility: hidden;
46 
+	margin-top: 0;
47 
+}
48 
+
49 
+.customize-control-widget_form.previewer-loading .spinner {
50 
+	visibility: visible;
51 
+}
52 
+
53 
+.customize-control-widget_form.widget-form-disabled .widget-content {
54 
+	opacity: 0.7;
55 
+	pointer-events: none;
56 
+	-webkit-user-select: none;
57 
+	user-select: none;
58 
+}
59 
+
60 
+.customize-control-widget_form .widget {
61 
+	margin-bottom: 0;
62 
+}
63 
+
64 
+.customize-control-widget_form.wide-widget-control .widget-inside {
65 
+	position: fixed;
66 
+	left: 299px;
67 
+	top: 25%;
68 
+	border: 1px solid #dcdcde;
69 
+	overflow: auto;
70 
+}
71 
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
72 
+	padding: 20px;
73 
+}
74 
+
75 
+.customize-control-widget_form.wide-widget-control .widget-top {
76 
+	transition: background-color 0.4s;
77 
+}
78 
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
79 
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
80 
+	background-color: #dcdcde;
81 
+}
82 
+
83 
+.widget-inside {
84 
+	padding: 1px 10px 10px 10px;
85 
+	border-top: none;
86 
+	line-height: 1.23076923;
87 
+}
88 
+
89 
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
90 
+	content: "\f142";
91 
+}
92 
+
93 
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
94 
+	content: "\f139";
95 
+}
96 
+
97 
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
98 
+	content: "\f141";
99 
+}
100 
+
101 
+.widget-title-action {
102 
+	cursor: pointer;
103 
+}
104 
+
105 
+.widget-top,
106 
+.customize-control-widget_form .widget .customize-control-title {
107 
+	cursor: move;
108 
+}
109 
+
110 
+.control-section.accordion-section.highlighted > .accordion-section-title,
111 
+.customize-control-widget_form.highlighted {
112 
+	outline: none;
113 
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
114 
+	position: relative;
115 
+	z-index: 1;
116 
+}
117 
+
118 
+#widget-customizer-control-templates {
119 
+	display: none;
120 
+}
121 
+
122 
+/**
123 
+ * Widget reordering styles
124 
+ */
125 
+
126 
+#customize-theme-controls .widget-reorder-nav {
127 
+	display: none;
128 
+	float: right;
129 
+	background-color: #f6f7f7;
130 
+}
131 
+
132 
+.move-widget:before {
133 
+	content: "\f504";
134 
+}
135 
+
136 
+#customize-theme-controls .move-widget-area {
137 
+	display: none;
138 
+	background: #fff;
139 
+	border: 1px solid #c3c4c7;
140 
+	border-top: none;
141 
+	cursor: auto;
142 
+}
143 
+
144 
+#customize-theme-controls .reordering .move-widget-area.active {
145 
+	display: block;
146 
+}
147 
+
148 
+#customize-theme-controls .move-widget-area .description {
149 
+	margin: 0;
150 
+	padding: 15px 20px;
151 
+	font-weight: 400;
152 
+}
153 
+
154 
+#customize-theme-controls .widget-area-select {
155 
+	margin: 0;
156 
+	padding: 0;
157 
+	list-style: none;
158 
+}
159 
+
160 
+#customize-theme-controls .widget-area-select li {
161 
+	position: relative;
162 
+	margin: 0;
163 
+	padding: 13px 15px 15px 42px;
164 
+	color: #50575e;
165 
+	border-top: 1px solid #c3c4c7;
166 
+	cursor: pointer;
167 
+	-webkit-user-select: none;
168 
+	user-select: none;
169 
+}
170 
+
171 
+#customize-theme-controls .widget-area-select li:before {
172 
+	display: none;
173 
+	content: "\f147";
174 
+	position: absolute;
175 
+	top: 12px;
176 
+	left: 10px;
177 
+	font: normal 20px/1 dashicons;
178 
+	-webkit-font-smoothing: antialiased;
179 
+	-moz-osx-font-smoothing: grayscale;
180 
+}
181 
+
182 
+#customize-theme-controls .widget-area-select li:last-child {
183 
+	border-bottom: 1px solid #c3c4c7;
184 
+}
185 
+
186 
+#customize-theme-controls .widget-area-select .selected {
187 
+	color: #fff;
188 
+	background: #2271b1;
189 
+}
190 
+
191 
+#customize-theme-controls .widget-area-select .selected:before {
192 
+	display: block;
193 
+}
194 
+
195 
+#customize-theme-controls .move-widget-actions {
196 
+	text-align: right;
197 
+	padding: 12px;
198 
+}
199 
+
200 
+#customize-theme-controls .reordering .widget-title-action {
201 
+	display: none;
202 
+}
203 
+
204 
+#customize-theme-controls .reordering .widget-reorder-nav {
205 
+	display: block;
206 
+}
207 
+
208 
+/* Text Widget */
209 
+.wp-customizer div.mce-inline-toolbar-grp,
210 
+.wp-customizer div.mce-tooltip {
211 
+	z-index: 500100 !important;
212 
+}
213 
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
214 
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
215 
+}
216 
+.wp-customizer #wp-link-backdrop {
217 
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
218 
+}
219 
+.wp-customizer #wp-link-wrap {
220 
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
221 
+}
222 
+
223 
+/**
224 
+ * Styles for new widget addition panel
225 
+ */
226 
+
227 
+/* override widgets admin page rules in wp-admin/css/widgets.css */
228 
+#widgets-left #available-widgets .widget {
229 
+	float: none !important;
230 
+	width: auto !important;
231 
+}
232 
+
233 
+/* Keep rule that is no longer necessary on widgets.php. */
234 
+#available-widgets .widget-action {
235 
+	display: none;
236 
+}
237 
+
238 
+.ios #available-widgets {
239 
+	transition: left 0s;
240 
+}
241 
+
242 
+#available-widgets .widget-tpl:hover,
243 
+#available-widgets .widget-tpl.selected {
244 
+	background: #f6f7f7;
245 
+	border-bottom-color: #c3c4c7;
246 
+	color: #2271b1;
247 
+	border-left: 4px solid #2271b1;
248 
+}
249 
+
250 
+#customize-controls .widget-title h3 {
251 
+	font-size: 1em;
252 
+}
253 
+
254 
+#available-widgets .widget-title h3 {
255 
+	padding: 0 0 5px;
256 
+	font-size: 14px;
257 
+}
258 
+
259 
+#available-widgets .widget .widget-description {
260 
+	padding: 0;
261 
+	color: #646970;
262 
+}
263 
+
264 
+#customize-preview {
265 
+	transition: all 0.2s;
266 
+}
267 
+
268 
+body.adding-widget #available-widgets {
269 
+	left: 0;
270 
+	visibility: visible;
271 
+}
272 
+
273 
+body.adding-widget .wp-full-overlay-main {
274 
+	left: 300px;
275 
+}
276 
+
277 
+body.adding-widget #customize-preview {
278 
+	opacity: 0.4;
279 
+}
280 
+
281 
+
282 
+/**
283 
+ * Widget Icon styling
284 
+ * No plurals in naming.
285 
+ * Ordered from lowest to highest specificity.
286 
+ */
287 
+
288 
+#available-widgets .widget-title {
289 
+	position: relative;
290 
+}
291 
+
292 
+#available-widgets .widget-title:before {
293 
+	content: "\f132";
294 
+	position: absolute;
295 
+	top: -3px;
296 
+	right: 100%;
297 
+	margin-right: 20px;
298 
+	width: 20px;
299 
+	height: 20px;
300 
+	color: #2c3338;
301 
+	font: normal 20px/1 dashicons;
302 
+	text-align: center;
303 
+	box-sizing: border-box;
304 
+	-webkit-font-smoothing: antialiased;
305 
+	-moz-osx-font-smoothing: grayscale;
306 
+}
307 
+
308 
+/* dashicons-smiley */
309 
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
310 
+
311 
+/* dashicons-star-filled */
312 
+#available-widgets [class*="super"] .widget-title:before,
313 
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
314 
+
315 
+/* dashicons-wordpress */
316 
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
317 
+
318 
+/* dashicons-archive */
319 
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
320 
+
321 
+/* dashicons-category */
322 
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
323 
+
324 
+/* dashicons-admin-comments */
325 
+#available-widgets [class*="comment"] .widget-title:before,
326 
+#available-widgets [class*="testimonial"] .widget-title:before,
327 
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
328 
+
329 
+/* dashicons-admin-post */
330 
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
331 
+
332 
+/* dashicons-admin-page */
333 
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
334 
+
335 
+/* dashicons-text */
336 
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
337 
+
338 
+/* dashicons-admin-links */
339 
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
340 
+
341 
+/* dashicons-search */
342 
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
343 
+
344 
+/* dashicons-menu */
345 
+#available-widgets [class*="menu"] .widget-title:before,
346 
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
347 
+
348 
+/* dashicons-tagcloud */
349 
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
350 
+
351 
+/* dashicons-rss */
352 
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
353 
+
354 
+/* dashicons-calendar */
355 
+#available-widgets [class*="event"] .widget-title:before,
356 
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
357 
+
358 
+/* dashicons-format-image */
359 
+#available-widgets [class*="image"] .widget-title:before,
360 
+#available-widgets [class*="photo"] .widget-title:before,
361 
+#available-widgets [class*="slide"] .widget-title:before,
362 
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
363 
+
364 
+/* dashicons-format-gallery */
365 
+#available-widgets [class*="album"] .widget-title:before,
366 
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
367 
+
368 
+/* dashicons-format-video */
369 
+#available-widgets [class*="video"] .widget-title:before,
370 
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
371 
+
372 
+/* dashicons-format-audio */
373 
+#available-widgets [class*="music"] .widget-title:before,
374 
+#available-widgets [class*="radio"] .widget-title:before,
375 
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
376 
+
377 
+/* dashicons-admin-users */
378 
+#available-widgets [class*="login"] .widget-title:before,
379 
+#available-widgets [class*="user"] .widget-title:before,
380 
+#available-widgets [class*="member"] .widget-title:before,
381 
+#available-widgets [class*="avatar"] .widget-title:before,
382 
+#available-widgets [class*="subscriber"] .widget-title:before,
383 
+#available-widgets [class*="profile"] .widget-title:before,
384 
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
385 
+
386 
+/* dashicons-cart */
387 
+#available-widgets [class*="commerce"] .widget-title:before,
388 
+#available-widgets [class*="shop"] .widget-title:before,
389 
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
390 
+
391 
+/* dashicons-shield */
392 
+#available-widgets [class*="secur"] .widget-title:before,
393 
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
394 
+
395 
+/* dashicons-chart-bar */
396 
+#available-widgets [class*="analytic"] .widget-title:before,
397 
+#available-widgets [class*="stat"] .widget-title:before,
398 
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
399 
+
400 
+/* dashicons-feedback */
401 
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
402 
+
403 
+/* dashicons-email-alt */
404 
+#available-widgets [class*="subscribe"] .widget-title:before,
405 
+#available-widgets [class*="news"] .widget-title:before,
406 
+#available-widgets [class*="contact"] .widget-title:before,
407 
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
408 
+
409 
+/* dashicons-share */
410 
+#available-widgets [class*="share"] .widget-title:before,
411 
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
412 
+
413 
+/* dashicons-translation */
414 
+#available-widgets [class*="lang"] .widget-title:before,
415 
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
416 
+
417 
+/* dashicons-location-alt */
418 
+#available-widgets [class*="locat"] .widget-title:before,
419 
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
420 
+
421 
+/* dashicons-download */
422 
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
423 
+
424 
+/* dashicons-cloud */
425 
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
426 
+
427 
+/* dashicons-facebook */
428 
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
429 
+
430 
+/* dashicons-twitter */
431 
+#available-widgets [class*="tweet"] .widget-title:before,
432 
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
433 
+
434 
+@media screen and (max-height: 700px) and (min-width: 981px) {
435 
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
436 
+	.customize-control-widget_form {
437 
+		margin-bottom: 0;
438 
+	}
439 
+
440 
+	.widget-top {
441 
+		box-shadow: none;
442 
+		margin-top: -1px;
443 
+	}
444 
+
445 
+	.widget-top:hover {
446 
+		position: relative;
447 
+		z-index: 1;
448 
+	}
449 
+
450 
+	.last-widget {
451 
+		margin-bottom: 15px;
452 
+	}
453 
+
454 
+	.widget-title h3 {
455 
+		padding: 13px 15px;
456 
+	}
457 
+
458 
+	.widget-top .widget-action {
459 
+		padding: 8px 10px;
460 
+	}
461 
+
462 
+	.widget-reorder-nav span {
463 
+		height: 39px;
464 
+	}
465 
+
466 
+	.widget-reorder-nav span:before {
467 
+		line-height: 39px;
468 
+	}
469 
+
470 
+	/* Compact the move widget areas. */
471 
+	#customize-theme-controls .widget-area-select li {
472 
+		padding: 9px 15px 11px 42px;
473 
+	}
474 
+
475 
+	#customize-theme-controls .widget-area-select li:before {
476 
+		top: 8px;
477 
+	}
478 
+}

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


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


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


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


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


+ 430 - 0
app/wp-admin/css/deprecated-media-rtl.css
View File 

@@ -0,0 +1,430 @@
1 
+/*! This file is auto-generated */
2 
+/* Styles for the media library iframe (not used on the Library screen) */
3 
+
4 
+div#media-upload-header {
5 
+	margin: 0;
6 
+	padding: 5px 5px 0;
7 
+	font-weight: 600;
8 
+	position: relative;
9 
+	border-bottom: 1px solid #dcdcde;
10 
+	background: #f6f7f7;
11 
+}
12 
+
13 
+#sidemenu {
14 
+	overflow: hidden;
15 
+	float: none;
16 
+	position: relative;
17 
+	right: 0;
18 
+	bottom: -1px;
19 
+	margin: 0 5px;
20 
+	padding-right: 10px;
21 
+	list-style: none;
22 
+	font-size: 12px;
23 
+	font-weight: 400;
24 
+}
25 
+
26 
+#sidemenu a {
27 
+	padding: 0 7px;
28 
+	display: block;
29 
+	float: right;
30 
+	line-height: 28px;
31 
+	border-top: 1px solid #f6f7f7;
32 
+	border-bottom: 1px solid #dcdcde;
33 
+	background-color: #f6f7f7;
34 
+	text-decoration: none;
35 
+	transition: none;
36 
+}
37 
+
38 
+#sidemenu li {
39 
+	display: inline;
40 
+	line-height: 200%;
41 
+	list-style: none;
42 
+	text-align: center;
43 
+	white-space: nowrap;
44 
+	margin: 0;
45 
+	padding: 0;
46 
+}
47 
+
48 
+#sidemenu a.current {
49 
+	font-weight: 400;
50 
+	padding-right: 6px;
51 
+	padding-left: 6px;
52 
+	border: 1px solid #dcdcde;
53 
+	border-bottom-color: #f0f0f1;
54 
+	background-color: #f0f0f1;
55 
+	color: #000;
56 
+}
57 
+
58 
+#media-upload:after { /* clearfix */
59 
+	content: "";
60 
+	display: table;
61 
+	clear: both;
62 
+}
63 
+
64 
+#media-upload .slidetoggle {
65 
+	border-top-color: #dcdcde;
66 
+}
67 
+
68 
+#media-upload input[type="radio"] {
69 
+	padding: 0;
70 
+}
71 
+
72 
+.media-upload-form label.form-help,
73 
+td.help {
74 
+	color: #646970;
75 
+}
76 
+
77 
+form {
78 
+	margin: 1em;
79 
+}
80 
+
81 
+#search-filter {
82 
+	text-align: left;
83 
+}
84 
+
85 
+th {
86 
+	position: relative;
87 
+}
88 
+
89 
+.media-upload-form label.form-help, td.help {
90 
+	font-family: sans-serif;
91 
+	font-style: italic;
92 
+	font-weight: 400;
93 
+}
94 
+
95 
+.media-upload-form p.help {
96 
+	margin: 0;
97 
+	padding: 0;
98 
+}
99 
+
100 
+.media-upload-form fieldset {
101 
+	width: 100%;
102 
+	border: none;
103 
+	text-align: justify;
104 
+	margin: 0 0 1em 0;
105 
+	padding: 0;
106 
+}
107 
+
108 
+/* specific to the image upload form */
109 
+
110 
+.image-align-none-label {
111 
+	background: url(../images/align-none.png) no-repeat center right;
112 
+}
113 
+
114 
+.image-align-left-label {
115 
+	background: url(../images/align-left.png) no-repeat center right;
116 
+}
117 
+
118 
+.image-align-center-label {
119 
+	background: url(../images/align-center.png) no-repeat center right;
120 
+}
121 
+
122 
+.image-align-right-label {
123 
+	background: url(../images/align-right.png) no-repeat center right;
124 
+}
125 
+
126 
+tr.image-size td {
127 
+	width: 460px;
128 
+}
129 
+
130 
+tr.image-size div.image-size-item {
131 
+	margin: 0 0 5px;
132 
+}
133 
+
134 
+#library-form .progress,
135 
+#gallery-form .progress,
136 
+.insert-gallery,
137 
+.describe.startopen,
138 
+.describe.startclosed {
139 
+	display: none;
140 
+}
141 
+
142 
+.media-item .thumbnail {
143 
+	max-width: 128px;
144 
+	max-height: 128px;
145 
+}
146 
+
147 
+thead.media-item-info tr {
148 
+	background-color: transparent;
149 
+}
150 
+
151 
+.form-table thead.media-item-info {
152 
+	border: 8px solid #fff;
153 
+}
154 
+
155 
+abbr.required,
156 
+span.required {
157 
+	text-decoration: none;
158 
+	border: none;
159 
+}
160 
+
161 
+.describe label {
162 
+	display: inline;
163 
+}
164 
+
165 
+.describe td.error {
166 
+	padding: 2px 8px;
167 
+}
168 
+
169 
+.describe td.A1 {
170 
+	width: 132px;
171 
+}
172 
+
173 
+.describe input[type="text"],
174 
+.describe textarea {
175 
+	width: 460px;
176 
+	border-width: 1px;
177 
+	border-style: solid;
178 
+}
179 
+
180 
+/* Specific to Uploader */
181 
+
182 
+#media-upload p.ml-submit {
183 
+	padding: 1em 0;
184 
+}
185 
+
186 
+#media-upload p.help,
187 
+#media-upload label.help {
188 
+	font-family: sans-serif;
189 
+	font-style: italic;
190 
+	font-weight: 400;
191 
+}
192 
+
193 
+#media-upload .ui-sortable .media-item {
194 
+	cursor: move;
195 
+}
196 
+
197 
+#media-upload tr.image-size {
198 
+	margin-bottom: 1em;
199 
+	height: 3em;
200 
+}
201 
+
202 
+#media-upload #filter {
203 
+	width: 623px;
204 
+}
205 
+
206 
+#media-upload #filter .subsubsub {
207 
+	margin: 8px 0;
208 
+}
209 
+
210 
+#media-upload .tablenav-pages a,
211 
+#media-upload .tablenav-pages .current {
212 
+	display: inline-block;
213 
+	padding: 4px 5px 6px;
214 
+	font-size: 16px;
215 
+	line-height: 1;
216 
+	text-align: center;
217 
+	text-decoration: none;
218 
+}
219 
+
220 
+#media-upload .tablenav-pages a {
221 
+	min-width: 17px;
222 
+	border: 1px solid #c3c4c7;
223 
+	background: #f6f7f7;
224 
+}
225 
+
226 
+#filter .tablenav select {
227 
+	border-style: solid;
228 
+	border-width: 1px;
229 
+	padding: 2px;
230 
+	vertical-align: top;
231 
+	width: auto;
232 
+}
233 
+
234 
+#media-upload .del-attachment {
235 
+	display: none;
236 
+	margin: 5px 0;
237 
+}
238 
+
239 
+.menu_order {
240 
+	float: left;
241 
+	font-size: 11px;
242 
+	margin: 8px 10px 0;
243 
+}
244 
+
245 
+.menu_order_input {
246 
+	border: 1px solid #dcdcde;
247 
+	font-size: 10px;
248 
+	padding: 1px;
249 
+	width: 23px;
250 
+}
251 
+
252 
+.ui-sortable-helper {
253 
+	background-color: #fff;
254 
+	border: 1px solid #a7aaad;
255 
+	opacity: 0.6;
256 
+	filter: alpha(opacity=60);
257 
+}
258 
+
259 
+#media-upload th.order-head {
260 
+	width: 20%;
261 
+	text-align: center;
262 
+}
263 
+
264 
+#media-upload th.actions-head {
265 
+	width: 25%;
266 
+	text-align: center;
267 
+}
268 
+
269 
+#media-upload a.wp-post-thumbnail {
270 
+	margin: 0 20px;
271 
+}
272 
+
273 
+#media-upload .widefat {
274 
+	border-style: solid solid none;
275 
+}
276 
+
277 
+.sorthelper {
278 
+	height: 37px;
279 
+	width: 623px;
280 
+	display: block;
281 
+}
282 
+
283 
+#gallery-settings th.label {
284 
+	width: 160px;
285 
+}
286 
+
287 
+#gallery-settings #basic th.label {
288 
+	padding: 5px 0 5px 5px;
289 
+}
290 
+
291 
+#gallery-settings .title {
292 
+	clear: both;
293 
+	padding: 0 0 3px;
294 
+	font-size: 1.6em;
295 
+	border-bottom: 1px solid #dcdcde;
296 
+}
297 
+
298 
+h3.media-title {
299 
+	font-size: 1.6em;
300 
+}
301 
+
302 
+h4.media-sub-title {
303 
+	border-bottom: 1px solid #dcdcde;
304 
+	font-size: 1.3em;
305 
+	margin: 12px;
306 
+	padding: 0 0 3px;
307 
+}
308 
+
309 
+#gallery-settings .title,
310 
+h3.media-title,
311 
+h4.media-sub-title {
312 
+	font-family: Georgia,"Times New Roman",Times,serif;
313 
+	font-weight: 400;
314 
+	color: #50575e;
315 
+}
316 
+
317 
+#gallery-settings .describe td {
318 
+	vertical-align: middle;
319 
+	height: 3em;
320 
+}
321 
+
322 
+#gallery-settings .describe th.label {
323 
+	padding-top: .5em;
324 
+	text-align: right;
325 
+}
326 
+
327 
+#gallery-settings .describe {
328 
+	padding: 5px;
329 
+	width: 100%;
330 
+	clear: both;
331 
+	cursor: default;
332 
+	background: #fff;
333 
+}
334 
+
335 
+#gallery-settings .describe select {
336 
+	width: 15em;
337 
+}
338 
+
339 
+#gallery-settings .describe select option,
340 
+#gallery-settings .describe td {
341 
+	padding: 0;
342 
+}
343 
+
344 
+#gallery-settings label,
345 
+#gallery-settings legend {
346 
+	font-size: 13px;
347 
+	color: #3c434a;
348 
+	margin-left: 15px;
349 
+}
350 
+
351 
+#gallery-settings .align .field label {
352 
+	margin: 0 3px 0 1em;
353 
+}
354 
+
355 
+#gallery-settings p.ml-submit {
356 
+	border-top: 1px solid #dcdcde;
357 
+}
358 
+
359 
+#gallery-settings select#columns {
360 
+	width: 6em;
361 
+}
362 
+
363 
+#sort-buttons {
364 
+	font-size: 0.8em;
365 
+	margin: 3px 0 -8px 25px;
366 
+	text-align: left;
367 
+	max-width: 625px;
368 
+}
369 
+
370 
+#sort-buttons a {
371 
+	text-decoration: none;
372 
+}
373 
+
374 
+#sort-buttons #asc,
375 
+#sort-buttons #showall {
376 
+	padding-right: 5px;
377 
+}
378 
+
379 
+#sort-buttons span {
380 
+	margin-left: 25px;
381 
+}
382 
+
383 
+p.media-types {
384 
+	margin: 0;
385 
+	padding: 1em;
386 
+}
387 
+
388 
+p.media-types-required-info {
389 
+	padding-top: 0;
390 
+}
391 
+
392 
+tr.not-image {
393 
+	display: none;
394 
+}
395 
+
396 
+table.not-image tr.not-image {
397 
+	display: table-row;
398 
+}
399 
+
400 
+table.not-image tr.image-only {
401 
+	display: none;
402 
+}
403 
+
404 
+/**
405 
+ * HiDPI Displays
406 
+ */
407 
+@media print,
408 
+  (-webkit-min-device-pixel-ratio: 1.25),
409 
+  (min-resolution: 120dpi) {
410 
+
411 
+	.image-align-none-label {
412 
+		background-image: url(../images/align-none-2x.png?ver=20120916);
413 
+		background-size: 21px 15px;
414 
+	}
415 
+
416 
+	.image-align-left-label {
417 
+		background-image: url(../images/align-left-2x.png?ver=20120916);
418 
+		background-size: 22px 15px;
419 
+	}
420 
+
421 
+	.image-align-center-label {
422 
+		background-image: url(../images/align-center-2x.png?ver=20120916);
423 
+		background-size: 21px 15px;
424 
+	}
425 
+
426 
+	.image-align-right-label {
427 
+		background-image: url(../images/align-right-2x.png?ver=20120916);
428 
+		background-size: 22px 15px;
429 
+	}
430 
+}

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


+ 429 - 0
app/wp-admin/css/deprecated-media.css
View File 

@@ -0,0 +1,429 @@
1 
+/* Styles for the media library iframe (not used on the Library screen) */
2 
+
3 
+div#media-upload-header {
4 
+	margin: 0;
5 
+	padding: 5px 5px 0;
6 
+	font-weight: 600;
7 
+	position: relative;
8 
+	border-bottom: 1px solid #dcdcde;
9 
+	background: #f6f7f7;
10 
+}
11 
+
12 
+#sidemenu {
13 
+	overflow: hidden;
14 
+	float: none;
15 
+	position: relative;
16 
+	left: 0;
17 
+	bottom: -1px;
18 
+	margin: 0 5px;
19 
+	padding-left: 10px;
20 
+	list-style: none;
21 
+	font-size: 12px;
22 
+	font-weight: 400;
23 
+}
24 
+
25 
+#sidemenu a {
26 
+	padding: 0 7px;
27 
+	display: block;
28 
+	float: left;
29 
+	line-height: 28px;
30 
+	border-top: 1px solid #f6f7f7;
31 
+	border-bottom: 1px solid #dcdcde;
32 
+	background-color: #f6f7f7;
33 
+	text-decoration: none;
34 
+	transition: none;
35 
+}
36 
+
37 
+#sidemenu li {
38 
+	display: inline;
39 
+	line-height: 200%;
40 
+	list-style: none;
41 
+	text-align: center;
42 
+	white-space: nowrap;
43 
+	margin: 0;
44 
+	padding: 0;
45 
+}
46 
+
47 
+#sidemenu a.current {
48 
+	font-weight: 400;
49 
+	padding-left: 6px;
50 
+	padding-right: 6px;
51 
+	border: 1px solid #dcdcde;
52 
+	border-bottom-color: #f0f0f1;
53 
+	background-color: #f0f0f1;
54 
+	color: #000;
55 
+}
56 
+
57 
+#media-upload:after { /* clearfix */
58 
+	content: "";
59 
+	display: table;
60 
+	clear: both;
61 
+}
62 
+
63 
+#media-upload .slidetoggle {
64 
+	border-top-color: #dcdcde;
65 
+}
66 
+
67 
+#media-upload input[type="radio"] {
68 
+	padding: 0;
69 
+}
70 
+
71 
+.media-upload-form label.form-help,
72 
+td.help {
73 
+	color: #646970;
74 
+}
75 
+
76 
+form {
77 
+	margin: 1em;
78 
+}
79 
+
80 
+#search-filter {
81 
+	text-align: right;
82 
+}
83 
+
84 
+th {
85 
+	position: relative;
86 
+}
87 
+
88 
+.media-upload-form label.form-help, td.help {
89 
+	font-family: sans-serif;
90 
+	font-style: italic;
91 
+	font-weight: 400;
92 
+}
93 
+
94 
+.media-upload-form p.help {
95 
+	margin: 0;
96 
+	padding: 0;
97 
+}
98 
+
99 
+.media-upload-form fieldset {
100 
+	width: 100%;
101 
+	border: none;
102 
+	text-align: justify;
103 
+	margin: 0 0 1em 0;
104 
+	padding: 0;
105 
+}
106 
+
107 
+/* specific to the image upload form */
108 
+
109 
+.image-align-none-label {
110 
+	background: url(../images/align-none.png) no-repeat center left;
111 
+}
112 
+
113 
+.image-align-left-label {
114 
+	background: url(../images/align-left.png) no-repeat center left;
115 
+}
116 
+
117 
+.image-align-center-label {
118 
+	background: url(../images/align-center.png) no-repeat center left;
119 
+}
120 
+
121 
+.image-align-right-label {
122 
+	background: url(../images/align-right.png) no-repeat center left;
123 
+}
124 
+
125 
+tr.image-size td {
126 
+	width: 460px;
127 
+}
128 
+
129 
+tr.image-size div.image-size-item {
130 
+	margin: 0 0 5px;
131 
+}
132 
+
133 
+#library-form .progress,
134 
+#gallery-form .progress,
135 
+.insert-gallery,
136 
+.describe.startopen,
137 
+.describe.startclosed {
138 
+	display: none;
139 
+}
140 
+
141 
+.media-item .thumbnail {
142 
+	max-width: 128px;
143 
+	max-height: 128px;
144 
+}
145 
+
146 
+thead.media-item-info tr {
147 
+	background-color: transparent;
148 
+}
149 
+
150 
+.form-table thead.media-item-info {
151 
+	border: 8px solid #fff;
152 
+}
153 
+
154 
+abbr.required,
155 
+span.required {
156 
+	text-decoration: none;
157 
+	border: none;
158 
+}
159 
+
160 
+.describe label {
161 
+	display: inline;
162 
+}
163 
+
164 
+.describe td.error {
165 
+	padding: 2px 8px;
166 
+}
167 
+
168 
+.describe td.A1 {
169 
+	width: 132px;
170 
+}
171 
+
172 
+.describe input[type="text"],
173 
+.describe textarea {
174 
+	width: 460px;
175 
+	border-width: 1px;
176 
+	border-style: solid;
177 
+}
178 
+
179 
+/* Specific to Uploader */
180 
+
181 
+#media-upload p.ml-submit {
182 
+	padding: 1em 0;
183 
+}
184 
+
185 
+#media-upload p.help,
186 
+#media-upload label.help {
187 
+	font-family: sans-serif;
188 
+	font-style: italic;
189 
+	font-weight: 400;
190 
+}
191 
+
192 
+#media-upload .ui-sortable .media-item {
193 
+	cursor: move;
194 
+}
195 
+
196 
+#media-upload tr.image-size {
197 
+	margin-bottom: 1em;
198 
+	height: 3em;
199 
+}
200 
+
201 
+#media-upload #filter {
202 
+	width: 623px;
203 
+}
204 
+
205 
+#media-upload #filter .subsubsub {
206 
+	margin: 8px 0;
207 
+}
208 
+
209 
+#media-upload .tablenav-pages a,
210 
+#media-upload .tablenav-pages .current {
211 
+	display: inline-block;
212 
+	padding: 4px 5px 6px;
213 
+	font-size: 16px;
214 
+	line-height: 1;
215 
+	text-align: center;
216 
+	text-decoration: none;
217 
+}
218 
+
219 
+#media-upload .tablenav-pages a {
220 
+	min-width: 17px;
221 
+	border: 1px solid #c3c4c7;
222 
+	background: #f6f7f7;
223 
+}
224 
+
225 
+#filter .tablenav select {
226 
+	border-style: solid;
227 
+	border-width: 1px;
228 
+	padding: 2px;
229 
+	vertical-align: top;
230 
+	width: auto;
231 
+}
232 
+
233 
+#media-upload .del-attachment {
234 
+	display: none;
235 
+	margin: 5px 0;
236 
+}
237 
+
238 
+.menu_order {
239 
+	float: right;
240 
+	font-size: 11px;
241 
+	margin: 8px 10px 0;
242 
+}
243 
+
244 
+.menu_order_input {
245 
+	border: 1px solid #dcdcde;
246 
+	font-size: 10px;
247 
+	padding: 1px;
248 
+	width: 23px;
249 
+}
250 
+
251 
+.ui-sortable-helper {
252 
+	background-color: #fff;
253 
+	border: 1px solid #a7aaad;
254 
+	opacity: 0.6;
255 
+	filter: alpha(opacity=60);
256 
+}
257 
+
258 
+#media-upload th.order-head {
259 
+	width: 20%;
260 
+	text-align: center;
261 
+}
262 
+
263 
+#media-upload th.actions-head {
264 
+	width: 25%;
265 
+	text-align: center;
266 
+}
267 
+
268 
+#media-upload a.wp-post-thumbnail {
269 
+	margin: 0 20px;
270 
+}
271 
+
272 
+#media-upload .widefat {
273 
+	border-style: solid solid none;
274 
+}
275 
+
276 
+.sorthelper {
277 
+	height: 37px;
278 
+	width: 623px;
279 
+	display: block;
280 
+}
281 
+
282 
+#gallery-settings th.label {
283 
+	width: 160px;
284 
+}
285 
+
286 
+#gallery-settings #basic th.label {
287 
+	padding: 5px 5px 5px 0;
288 
+}
289 
+
290 
+#gallery-settings .title {
291 
+	clear: both;
292 
+	padding: 0 0 3px;
293 
+	font-size: 1.6em;
294 
+	border-bottom: 1px solid #dcdcde;
295 
+}
296 
+
297 
+h3.media-title {
298 
+	font-size: 1.6em;
299 
+}
300 
+
301 
+h4.media-sub-title {
302 
+	border-bottom: 1px solid #dcdcde;
303 
+	font-size: 1.3em;
304 
+	margin: 12px;
305 
+	padding: 0 0 3px;
306 
+}
307 
+
308 
+#gallery-settings .title,
309 
+h3.media-title,
310 
+h4.media-sub-title {
311 
+	font-family: Georgia,"Times New Roman",Times,serif;
312 
+	font-weight: 400;
313 
+	color: #50575e;
314 
+}
315 
+
316 
+#gallery-settings .describe td {
317 
+	vertical-align: middle;
318 
+	height: 3em;
319 
+}
320 
+
321 
+#gallery-settings .describe th.label {
322 
+	padding-top: .5em;
323 
+	text-align: left;
324 
+}
325 
+
326 
+#gallery-settings .describe {
327 
+	padding: 5px;
328 
+	width: 100%;
329 
+	clear: both;
330 
+	cursor: default;
331 
+	background: #fff;
332 
+}
333 
+
334 
+#gallery-settings .describe select {
335 
+	width: 15em;
336 
+}
337 
+
338 
+#gallery-settings .describe select option,
339 
+#gallery-settings .describe td {
340 
+	padding: 0;
341 
+}
342 
+
343 
+#gallery-settings label,
344 
+#gallery-settings legend {
345 
+	font-size: 13px;
346 
+	color: #3c434a;
347 
+	margin-right: 15px;
348 
+}
349 
+
350 
+#gallery-settings .align .field label {
351 
+	margin: 0 1em 0 3px;
352 
+}
353 
+
354 
+#gallery-settings p.ml-submit {
355 
+	border-top: 1px solid #dcdcde;
356 
+}
357 
+
358 
+#gallery-settings select#columns {
359 
+	width: 6em;
360 
+}
361 
+
362 
+#sort-buttons {
363 
+	font-size: 0.8em;
364 
+	margin: 3px 25px -8px 0;
365 
+	text-align: right;
366 
+	max-width: 625px;
367 
+}
368 
+
369 
+#sort-buttons a {
370 
+	text-decoration: none;
371 
+}
372 
+
373 
+#sort-buttons #asc,
374 
+#sort-buttons #showall {
375 
+	padding-left: 5px;
376 
+}
377 
+
378 
+#sort-buttons span {
379 
+	margin-right: 25px;
380 
+}
381 
+
382 
+p.media-types {
383 
+	margin: 0;
384 
+	padding: 1em;
385 
+}
386 
+
387 
+p.media-types-required-info {
388 
+	padding-top: 0;
389 
+}
390 
+
391 
+tr.not-image {
392 
+	display: none;
393 
+}
394 
+
395 
+table.not-image tr.not-image {
396 
+	display: table-row;
397 
+}
398 
+
399 
+table.not-image tr.image-only {
400 
+	display: none;
401 
+}
402 
+
403 
+/**
404 
+ * HiDPI Displays
405 
+ */
406 
+@media print,
407 
+  (-webkit-min-device-pixel-ratio: 1.25),
408 
+  (min-resolution: 120dpi) {
409 
+
410 
+	.image-align-none-label {
411 
+		background-image: url(../images/align-none-2x.png?ver=20120916);
412 
+		background-size: 21px 15px;
413 
+	}
414 
+
415 
+	.image-align-left-label {
416 
+		background-image: url(../images/align-left-2x.png?ver=20120916);
417 
+		background-size: 22px 15px;
418 
+	}
419 
+
420 
+	.image-align-center-label {
421 
+		background-image: url(../images/align-center-2x.png?ver=20120916);
422 
+		background-size: 21px 15px;
423 
+	}
424 
+
425 
+	.image-align-right-label {
426 
+		background-image: url(../images/align-right-2x.png?ver=20120916);
427 
+		background-size: 22px 15px;
428 
+	}
429 
+}

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


+ 0 - 0
app/wp-admin/css/edit-rtl.css
View File


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

tum/shaqfindbeds - Gogs: Simplico Git Service
首頁 探索 說明
登入
tum
/
shaqfindbeds
關註 1
讚好 0
複刻 0
代碼 問題管理 0 合併請求 0 提交歷史 10 版本發佈 0 Wiki
目錄樹: bea103de67
分支列表 標籤列表

1 次代碼提交 (bea103de679b9722320db8e2f362f0eeb0f8a40c)

作者 SHA1 備註 提交日期
  Tum 81a3998249 fix static 4 年之前