enmi-conf.org: comparison wp/wp-includes/css/admin-bar.css

equal deleted inserted replaced

-:34716fd837a4
+:be944660c56a
 #wpadminbar .ab-empty-item,
 #wpadminbar a.ab-item,
 #wpadminbar > #wp-toolbar span.ab-label,
 #wpadminbar > #wp-toolbar span.noticon {
-	color: #eee;
+	color: #f0f0f1;
 }
 #wpadminbar #wp-admin-bar-site-name a.ab-item,
 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
 	white-space: nowrap;
 #wpadminbar a img,
 #wpadminbar a img:hover {
 	border: none;
 	text-decoration: none;
 	background: none;
+	box-shadow: none;
 }
 #wpadminbar a:focus,
 #wpadminbar a:active,
 #wpadminbar input[type="text"],
 	outline-offset: -1px;
 }
 #wpadminbar {
 	direction: ltr;
-	color: #ccc;
+	color: #c3c4c7;
 	font-size: 13px;
 	font-weight: 400;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	line-height: 2.46153846;
 	height: 32px;
 	top: 0;
 	left: 0;
 	width: 100%;
 	min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
 	z-index: 99999;
-	background: #23282d;
+	background: #1d2327;
 }
 #wpadminbar .ab-sub-wrapper,
 #wpadminbar ul,
 #wpadminbar ul li {
 #wpadminbar .menupop .ab-sub-wrapper,
 #wpadminbar .shortlink-input {
 	margin: 0;
 	padding: 0;
 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
-	background: #32373c;
+	background: #2c3338;
 	display: none;
 	position: absolute;
 	float: none;
 }
 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.hover > .ab-item {
-	background: #32373c;
+	background: #2c3338;
-	color: #00b9eb;
+	color: #72aee6;
 }
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-	color: #00b9eb;
+	color: #72aee6;
 }
 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
 #wpadminbar .ab-icon,
 #wpadminbar .ab-item:before,
 .wp-admin-bar-arrow {
 	position: relative;
 	float: left;
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	padding: 4px 0;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	background-image: none !important;
 	margin-right: 6px;
 }
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar #adminbarsearch:before {
-	color: #a0a5aa;
+	color: #a7aaad;
-	color: rgba(240, 245, 250, 0.6);
+	color: rgba(240, 246, 252, 0.6);
 }
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar #adminbarsearch:before {
 	display: inline-block;
 	height: 32px;
 }
 #wpadminbar .ab-submenu .ab-item {
-	color: #b4b9be;
+	color: #c3c4c7;
-	color: rgba(240, 245, 250, 0.7);
+	color: rgba(240, 246, 252, 0.7);
 }
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop ul li a strong,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-	color: #b4b9be;
+	color: #c3c4c7;
-	color: rgba(240, 245, 250, 0.7);
+	color: rgba(240, 246, 252, 0.7);
 }
 #wpadminbar .quicklinks .menupop ul li a:hover,
 #wpadminbar .quicklinks .menupop ul li a:focus,
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar li .ab-item:focus .ab-icon:before,
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-	color: #00b9eb;
+	color: #72aee6;
 }
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-	color: #b4b9be;
+	color: #c3c4c7;
 }
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-	color: #00b9eb;
+	color: #72aee6;
 }
 #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
 	position: absolute;
 	font: normal 17px/1 dashicons;
-	speak: none;
+	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 #wpadminbar .menupop .menupop > .ab-item {
 	box-shadow: none;
 }
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-	background: #464b50;
+	background: #3c434a;
 }
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
-	color: #00b9eb;
+	color: #72aee6;
 }
 #wpadminbar .quicklinks a span#ab-updates {
-	background: #eee;
+	background: #f0f0f1;
-	color: #32373c;
+	color: #2c3338;
 	display: inline;
 	padding: 2px 5px;
 	font-size: 10px;
 	font-weight: 600;
 	border-radius: 10px;
 /**
 * Recovery Mode
 */
 #wpadminbar #wp-admin-bar-recovery-mode {
 	color: #fff;
-	background-color: #ca4a1f;
+	background-color: #d63638;
 }
 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
 #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
 	color: #fff;
-	background-color: #c0461e;
+	background-color: #d63638;
 }
 /**
 * My Account
 */
 #wp-admin-bar-my-account > ul {
 	min-width: 198px;
+}
+#wp-admin-bar-my-account:not(.with-avatar) > .ab-item {
+	display: inline-block;
 }
 #wp-admin-bar-my-account > .ab-item:before {
 	content: "\f110";
 	top: 2px;
 #wpadminbar #wp-admin-bar-user-info .username {
 	display: block;
 }
 #wpadminbar #wp-admin-bar-user-info .username {
-	color: #a0a5aa;
+	color: #a7aaad;
 	font-size: 11px;
 }
 #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
 	width: auto;
 	height: 16px;
 	padding: 0;
-	border: 1px solid #82878c;
+	border: 1px solid #8c8f94;
-	background: #eee;
+	background: #f0f0f1;
 	line-height: 1.84615384;
 	vertical-align: middle;
 	margin: -4px 0 0 6px;
 	float: none;
 	display: inline;
 */
 #wpadminbar .quicklinks li .blavatar {
 	display: inline-block;
 	vertical-align: middle;
 	font: normal 16px/1 dashicons !important;
-	speak: none;
+	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	color: #eee;
+	color: #f0f0f1;
 }
 #wpadminbar .quicklinks li a:hover .blavatar,
 #wpadminbar .quicklinks li a:focus .blavatar,
 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
-	color: #00b9eb;
+	color: #72aee6;
 }
-#wpadminbar .quicklinks li .blavatar:before {
+#wpadminbar .quicklinks li img.blavatar,
-	content: "\f120";
+#wpadminbar .quicklinks li div.blavatar:before {
 	height: 16px;
 	width: 16px;
+	margin: 0 8px 2px -2px;
+}
+#wpadminbar .quicklinks li div.blavatar:before {
+	content: "\f120";
 	display: inline-block;
-	margin: 0 8px 2px -2px;
 }
 #wpadminbar #wp-admin-bar-appearance {
 	margin-top: -12px;
 }
 * Updates
 */
 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
 	content: "\f463";
 	top: 2px;
+}
+#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
+	display: inline-block;
+	animation: rotation 2s infinite linear;
+}
+@media (prefers-reduced-motion: reduce) {
+	#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
+		animation: none;
+	}
 }
 /**
 * Search
 */
 	top: 6px;
 	left: 5px;
 	z-index: 20;
 	font: normal 20px/1 dashicons !important;
 	content: "\f179";
-	speak: none;
+	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
 	height: 24px;
 	width: 24px;
 	max-width: none;
 	padding: 0 3px 0 24px;
 	margin: 0;
-	color: #ccc;
+	color: #c3c4c7;
 	background-color: rgba(255, 255, 255, 0);
 	border: none;
 	outline: none;
 	cursor: pointer;
 	box-shadow: none;
 	width: auto;
 	display: block;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 15px 23px 14px;
-	background: #f1f1f1;
+	background: #f0f0f1;
-	color: #0073aa;
+	color: #2271b1;
 	z-index: 100000;
 	line-height: normal;
 	text-decoration: none;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 }
 		text-indent: 100%;
 		white-space: nowrap;
 		overflow: hidden;
 		width: 52px;
 		padding: 0;
-		color: #a0a5aa; /* @todo not needed? this text is hidden */
+		color: #a7aaad; /* @todo not needed? this text is hidden */
 		position: relative;
 	}
 	#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
 	#wpadminbar .ab-icon,
 	#wpadminbar #wp-admin-bar-customize > .ab-item:before,
 	#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
 		display: block;
 		text-indent: 0;
 		font: normal 32px/1 dashicons;
-		speak: none;
+		speak: never;
 		top: 7px;
 		width: 52px;
 		text-align: center;
 		-webkit-font-smoothing: antialiased;
 		-moz-osx-font-smoothing: grayscale;
 	#wpadminbar #wp-admin-bar-user-info .display-name {
 		height: auto;
 		font-size: 16px;
 		line-height: 1.5;
-		color: #eee;
+		color: #f0f0f1;
 	}
 	#wpadminbar #wp-admin-bar-user-info a {
 		padding-top: 4px;
 	}
 	}
 	/* Override default min-width so dropdown lists aren't stretched
 		to 100% viewport width at responsive sizes. */
 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
-		min-width: -webkit-fit-content;
+		min-width: -moz-fit-content;
 		min-width: fit-content;
 	}
 	#wpadminbar ul#wp-admin-bar-root-default > li {
 		margin-right: 0;

changeset 18	be944660c56a
parent 16	a86126ab1dd4
child 19	3d72ae0968f4