enmi-conf.org: comparison wp/wp-admin/css/customize-nav-menus.css

equal deleted inserted replaced

-:34716fd837a4
+:be944660c56a
 	position: relative;
 	margin-top: 30px;
 }
 #customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
-	border-bottom-color: #ddd;
+	border-bottom-color: #dcdcde;
 	margin-top: 15px;
 }
 #customize-theme-controls .customize-section-title-nav_menus-heading,
 #customize-theme-controls .customize-section-title-menu_locations-heading,
 }
 #customize-controls .theme-location-set,
 #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
 #customize-controls .control-section .accordion-section-title:hover .menu-in-location {
-	color: #555;
+	color: #50575e;
 }
 /* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
 .customize-control-nav_menu_location .edit-menu,
 .customize-control-nav_menu_location .create-menu {
 	margin: 0;
 }
 .wp-customizer .menu-item-bar .menu-item-handle {
 	width: 100%;
+	max-width: 100%;
 	background: #fff;
 }
 .wp-customizer .menu-item-handle .item-title {
 	margin-right: 0;
 .wp-customizer .menu-item-handle:hover {
 	z-index: 8;
 }
 .customize-control-nav_menu_item.has-notifications .menu-item-handle {
-	border-left: 4px solid #00a0d2;
+	border-left: 4px solid #72aee6;
 }
 .wp-customizer .menu-item-settings {
 	max-width: 100%;
 	overflow: hidden;
 	z-index: 8;
 	padding: 10px;
-	background: #eee;
+	background: #f0f0f1;
-	border: 1px solid #999;
+	border: 1px solid #8c8f94;
 	border-top: none;
 }
 .wp-customizer .menu-item-settings .description-thin {
 	width: 100%;
 .wp-customizer .menu-settings .checkbox-input {
 	margin-top: 8px;
 }
 .wp-customizer .menu-settings .menu-theme-locations {
-	border-top: 1px solid #ccc;
+	border-top: 1px solid #c3c4c7;
 }
 .wp-customizer .menu-settings {
 	margin-top: 36px;
 	border-top: none;
 	border-top: none;
 }
 .wp-customizer .control-section-nav_menu .menu-location-settings {
 	margin-top: 24px;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #dcdcde;
 }
 .wp-customizer .control-section-nav_menu .menu-location-settings,
 .customize-control-nav_menu_auto_add {
 	padding-top: 12px;
 .customize-control-menu {
 	margin-top: 4px;
 }
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
-	color: #555;
+	color: #50575e;
 }
 /* Screen Options */
 .customize-screen-options-toggle {
 	background: none;
 	border: none;
-	color: #555;
+	color: #50575e;
 	cursor: pointer;
 	margin: 0;
 	padding: 20px;
 	position: absolute;
 	right: 0;
 .customize-screen-options-toggle:focus,
 .active-menu-screen-options .customize-screen-options-toggle,
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
 #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
-	color: #0073aa;
+	color: #2271b1;
 }
 .customize-screen-options-toggle:focus,
 #customize-controls .customize-info .customize-help-toggle:focus {
 	/* Only visible in Windows High Contrast mode */
 }
 .wp-customizer #screen-options-wrap {
 	display: none;
 	background: #fff;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #dcdcde;
 	padding: 4px 15px 15px;
 }
 .wp-customizer .metabox-prefs label {
 	display: block;
 .wp-customizer .menu-item .item-edit .toggle-indicator:before,
 #available-menu-items .accordion-section-title .toggle-indicator:before {
 	content: "\f140";
 	display: block;
 	padding: 1px 2px 1px 0px;
-	speak: none;
+	speak: never;
 	border-radius: 50%;
-	color: #72777c;
+	color: #787c82;
 	font: normal 20px/1 dashicons;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
 }
 	margin-top: 0;
 	margin-bottom: 1px;
 	max-width: calc(100% - 2px);
 	float: left;
 	display: list-item;
-	border-color: #a0a5aa;
+	border-color: #a7aaad;
 }
 .menu-item-transport li.customize-control {
 	float: none;
 }
 .adding-menu-items .control-section.open {
 	opacity: 1;
 }
 .menu-item-bar .item-delete {
-	color: #a00;
+	color: #d63638;
 	position: absolute;
 	top: 2px;
 	right: -19px;
 	width: 30px;
 	height: 38px;
 .menu-item-bar .item-delete:hover,
 .menu-item-bar .item-delete:focus {
 	box-shadow: none;
 	outline: none;
-	color: #dc3232;
+	color: #d63638;
 }
 .adding-menu-items .menu-item-bar .item-edit {
 	display: none;
 }
 	border-right: none;
 	background: #fff;
 	transition: background-color 0.15s;
 	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
 	-webkit-user-select: auto;
-	-moz-user-select: auto;
-	-ms-user-select: auto;
 	user-select: auto;
 }
 #available-menu-items .open .accordion-section-title,
 #available-menu-items #available-menu-items-search .accordion-section-title {
-	background: #eee;
+	background: #f0f0f1;
 }
 /* rework the arrow indicator implementation for NVDA bug see #32715 */
 #available-menu-items .accordion-section-title:after {
 	content: none !important;
 }
 #available-menu-items .accordion-section-title:hover .toggle-indicator:before,
 #available-menu-items .button-link:hover .toggle-indicator:before,
 #available-menu-items .button-link:focus .toggle-indicator:before {
-	color: #23282d;
+	color: #1d2327;
 }
 #available-menu-items .open .accordion-section-title .toggle-indicator:before {
 	content: "\f142";
-	color: #23282d;
+	color: #1d2327;
 }
 #available-menu-items .available-menu-items-list {
 	overflow-y: auto;
 	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
 	display: block;
 }
 #available-menu-items .cannot-expand .accordion-section-title .no-items {
 	float: right;
-	color: #555d66;
+	color: #50575e;
 	font-weight: 400;
 	margin-left: 5px;
 }
 #available-menu-items .accordion-section-content {
 .edit-menu-item-url.invalid,
 .menu-name-field.invalid,
 .menu-name-field.invalid:focus,
 #available-menu-items .new-content-item .create-item-input.invalid,
 #available-menu-items .new-content-item .create-item-input.invalid:focus {
-	border: 1px solid #dc3232;
+	border: 1px solid #d63638;
 }
 #available-menu-items .menu-item-handle .item-type {
 	padding-right: 0;
 }
 #available-menu-items .item-add {
 	position: absolute;
 	top: 1px;
 	left: 1px;
-	color: #82878c;
+	color: #8c8f94;
 	width: 30px;
 	height: 38px;
 	box-shadow: none;
 	outline: none;
 	cursor: pointer;
 	text-align: center;
 }
 #available-menu-items .menu-item-handle .item-add:focus {
-	color: #23282d;
+	color: #1d2327;
 }
 #available-menu-items .item-add:before {
 	content: "\f543";
 	position: relative;
 #available-menu-items .menu-item-handle.item-added .item-type,
 #available-menu-items .menu-item-handle.item-added .item-title,
 #available-menu-items .menu-item-handle.item-added:hover .item-add,
 #available-menu-items .menu-item-handle.item-added .item-add:focus {
-	color: #82878c;
+	color: #8c8f94;
 }
 #available-menu-items .menu-item-handle.item-added .item-add:before {
 	content: "\f147";
 }
 .added-menu-item .menu-item-handle.loading {
 	padding: 10px 15px 10px 8px;
 	cursor: default;
 	opacity: .5;
 	background: #fff;
-	color: #727773;
+	color: #787c82;
 }
 .added-menu-item .menu-item-handle {
 	transition-property: opacity, background, color;
 	transition-duration: 1.25s;
 }
 /* Add/delete Menus */
 #customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
-	border-bottom-color: #ddd;
+	border-bottom-color: #dcdcde;
 }
 /* @todo update selector */
 #accordion-section-add_menu {
 	margin: 15px 12px;
 }
 .menu-item-handle:hover {
 	position: relative;
 	z-index: 10;
-	color: #0073aa;
+	color: #2271b1;
 }
 .menu-item-handle:hover .item-type,
 .menu-item-handle:hover .item-edit,
 #available-menu-items .menu-item-handle:hover .item-add {
-	color: #0073aa;
+	color: #2271b1;
 }
 .menu-item-edit-active .menu-item-handle {
-	border-color: #999;
+	border-color: #8c8f94;
 	border-bottom: none;
 }
 .customize-control-nav_menu_item {
 	margin-bottom: 0;
 .wp-customizer button:focus .toggle-indicator:before,
 .menu-delete:focus,
 .menu-item-bar .item-delete:focus:before,
 #available-menu-items .item-add:focus:before {
 	box-shadow:
-		0 0 0 1px #5b9dd9,
+		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(30, 140, 190, 0.8);
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 @media screen and (max-width: 782px) {
 	#available-menu-items #available-menu-items-search .accordion-section-content {

changeset 18	be944660c56a
parent 16	a86126ab1dd4
child 19	3d72ae0968f4