enmi-conf.org: comparison wp/wp-admin/css/common.css

equal deleted inserted replaced

-:7b1b88e27a20
+:48c4eec2b7e6
 .screen-reader-text,
 .screen-reader-text span,
 .ui-helper-hidden-accessible {
 	border: 0;
 	clip: rect(1px, 1px, 1px, 1px);
-	-webkit-clip-path: inset(50%);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 .button .screen-reader-text {
 	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
 }
+.screen-reader-text + .dashicons-external {
+	margin-top: -1px;
+	margin-left: 2px;
+}
 .screen-reader-shortcut {
 	position: absolute;
 	top: -1000em;
-}
-.screen-reader-shortcut:focus {
 	left: 6px;
-	top: -25px;
 	height: auto;
 	width: auto;
 	display: block;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 15px 23px 14px;
+	/* Background and color set to prevent false positives in automated accessibility tests. */
 	background: #f0f0f1;
 	color: #2271b1;
 	z-index: 100000;
 	line-height: normal;
+}
+.screen-reader-shortcut:focus {
+	top: -25px;
+	/* Overrides a:focus in the admin. See ticket #56789. */
+	color: #2271b1;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	text-decoration: none;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 	outline-offset: -2px;
 p.popular-tags,
 .widgets-holder-wrap,
 .wp-editor-container,
 .popular-tags,
 .feature-filter,
-.imgedit-group,
 .comment-ays {
 	border: 1px solid #c3c4c7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 }
 .stuffbox,
 p.popular-tags,
 .widgets-holder-wrap,
 .popular-tags,
 .feature-filter,
-.imgedit-group,
 .comment-ays {
 	background: #fff;
 }
 /* general */
 a:focus,
 a:focus .media-icon img,
 a:focus .plugin-icon,
 .wp-person a:focus .gravatar {
 	color: #043959;
-	box-shadow:
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	/* Only visible in Windows High Contrast mode */
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 2px solid transparent;
-		/* Only visible in Windows High Contrast mode */
-		outline: 1px solid transparent;
 }
 #adminmenu a:focus {
 	box-shadow: none;
 	/* Only visible in Windows High Contrast mode */
 .update-php div.updated,
 .update-php div.error {
 	margin-left: 0;
 }
+.js-update-details-toggle .dashicons {
+	text-decoration: none;
+}
+.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
+	content: "\f142";
+}
 .no-js .widefat thead .check-column input,
 .no-js .widefat tfoot .check-column input {
 	display: none;
 }
 	vertical-align: middle;
 }
 .wrap {
 	margin: 10px 20px 0 2px;
-}
-.wrap.block-editor-no-js {
-	padding-left: 20px;
 }
 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
 .postbox .inside h2, /* Back-compat for pre-4.4 */
 .wrap .add-new-h2, /* deprecated */
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
 .wrap .page-title-action:active {
+	display: inline-block;
+	position: relative;
+	box-sizing: border-box;
+	cursor: pointer;
+	white-space: nowrap;
+	text-decoration: none;
+	text-shadow: none;
+	top: -3px;
 	margin-left: 4px;
-	padding: 4px 8px;
-	position: relative;
-	top: -3px;
-	text-decoration: none;
 	border: 1px solid #2271b1;
-	border-radius: 2px;
+	border-radius: 3px;
-	text-shadow: none;
+	background: #f6f7f7;
-	font-weight: 600;
 	font-size: 13px;
-	line-height: normal; /* IE8-IE11 need this for buttons */
+	font-weight: 400;
+	line-height: 2.15384615;
 	color: #2271b1; /* use the standard color used for buttons */
-	background: #f6f7f7;
+	padding: 0 10px;
-	cursor: pointer;
+	min-height: 30px;
+	-webkit-appearance: none;
 }
 .wrap .wp-heading-inline + .page-title-action {
 	margin-left: 0;
 }
 #bulk-titles .ntdelbutton:focus:before {
 	color: #d63638;
 }
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
-	box-shadow:
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	/* Only visible in Windows High Contrast mode */
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 2px solid transparent;
 }
 .key-labels label {
 	line-height: 24px;
 }
 .misc-pub-section {
 	padding: 6px 10px 8px;
 }
+.word-wrap-break-word,
 .misc-pub-filename {
 	word-wrap: break-word;
 }
 #minor-publishing-actions {
 	color: #135e96;
 }
 .wp-filter .search-form {
 	float: right;
-	margin: 10px 0;
+	display: flex;
+	align-items: center;
+	column-gap: .5rem;
 }
 .wp-filter .search-form input[type="search"] {
-	margin: 1px 0;
 	width: 280px;
 	max-width: 100%;
 }
 .wp-filter .search-form select {
 	/* This element is a flex item: the inherited float won't have any effect. */
 	margin-top: 0;
 }
 .wp-filter .search-form.search-plugins select,
-.wp-filter .search-form.search-plugins .wp-filter-search {
+.wp-filter .search-form.search-plugins .wp-filter-search,
+.no-js .wp-filter .search-form.search-plugins .button {
 	display: inline-block;
-	margin-top: 10px;
 	vertical-align: top;
 }
 .wp-filter .button.drawer-toggle {
 	margin: 10px 9px 0;
 	.wp-filter .search-form {
 		float: none; /* Remove float from media-views.css */
 		position: relative;
 		max-width: 100%;
 	}
+	.wp-filter .search-form {
+		margin: 11px 0;
+		flex-wrap: wrap;
+		row-gap: 10px;
+	}
 }
 @media only screen and (max-width: 782px) {
 	.filter-group li {
 		padding: 0;
 .notice-dismiss:focus:before {
 	color: #d63638;
 }
 .notice-dismiss:focus {
-	outline: none;
+	box-shadow: 0 0 0 2px #2271b1;
-	box-shadow:
+	/* Only visible in Windows High Contrast mode */
-		0 0 0 1px #4f94d4,
+	outline: 2px solid transparent;
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 .notice-success,
 div.updated {
 	border-left-color: #00a32a;
 	border-left-color: #72aee6;
 }
 .notice-info.notice-alt {
 	background-color: #f0f6fc;
+}
+#plugin-information-footer .update-now:not(.button-disabled):before {
+	color: #d63638;
+	content: "\f463";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	margin: -3px 5px 0 -2px;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: middle;
+}
+#plugin-information-footer .notice {
+margin-top: -5px;
 }
 .update-message p:before,
 .updating-message p:before,
 .updated-message p:before,
 .import-php .updating-message:before,
 .button.updating-message:before,
 .button.updated-message:before,
 .button.installed:before,
-.button.installing:before {
+.button.installing:before,
+.button.activating-message:before,
+.button.activated-message:before {
 	display: inline-block;
 	font: normal 20px/1 'dashicons';
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	vertical-align: top;
 /* Update icon. */
 .update-message p:before,
 .updating-message p:before,
 .import-php .updating-message:before,
 .button.updating-message:before,
-.button.installing:before {
+.button.installing:before,
+.button.activating-message:before {
 	color: #d63638;
 	content: "\f463";
 }
 /* Spins the update icon. */
 .updating-message p:before,
 .import-php .updating-message:before,
 .button.updating-message:before,
 .button.installing:before,
+.button.activating-message:before,
 .plugins .column-auto-updates .dashicons-update.spin,
 .theme-overlay .theme-autoupdate .dashicons-update.spin {
 	animation: rotation 2s infinite linear;
 }
 @media (prefers-reduced-motion: reduce) {
 	.updating-message p:before,
 	.import-php .updating-message:before,
 	.button.updating-message:before,
 	.button.installing:before,
+	.button.activating-message:before,
 	.plugins .column-auto-updates .dashicons-update.spin,
 	.theme-overlay .theme-autoupdate .dashicons-update.spin {
 		animation: none;
 	}
 }
 }
 /* Updated icon (check mark). */
 .updated-message p:before,
 .installed p:before,
-.button.updated-message:before {
+.button.updated-message:before,
+.button.activated-message:before {
 	color: #68de7c;
 	content: "\f147";
 }
 /* Error icon. */
 }
 .wrap .notice p:before,
 .import-php .updating-message:before {
 	margin-right: 6px;
+}
+.import-php .updating-message:before {
 	vertical-align: bottom;
 }
 #update-nag,
 .update-nag {
 }
 .button.updating-message:before,
 .button.updated-message:before,
 .button.installed:before,
-.button.installing:before {
+.button.installing:before,
+.button.activated-message:before,
+.button.activating-message:before {
 	margin: 3px 5px 0 -2px;
 }
-.button-primary.updating-message:before {
+#plugin-information-footer .button {
+	padding: 0 14px;
+	line-height: 2.71428571; /* 38px */
+	font-size: 14px;
+	vertical-align: middle;
+	min-height: 40px;
+	margin-bottom: 4px;
+}
+#plugin-information-footer .button.installed:before,
+#plugin-information-footer .button.installing:before,
+#plugin-information-footer .button.updating-message:before,
+#plugin-information-footer .button.updated-message:before,
+#plugin-information-footer .button.activated-message:before,
+#plugin-information-footer .button.activating-message:before {
+	margin: 9px 5px 0 -2px;
+}
+#plugin-information-footer .button.update-now.updating-message:before {
+	margin: -3px 5px 0 -2px;
+}
+.button-primary.updating-message:before,
+.button-primary.activating-message:before {
 	color: #fff;
 }
-.button-primary.updated-message:before {
+.button-primary.updated-message:before,
+.button-primary.activated-message:before {
 	color: #9ec2e6;
 }
-.button.updated-message {
+.button.updated-message,
+.button.activated-message {
 	transition-property: border, background, color;
 	transition-duration: .05s;
 	transition-timing-function: ease-in-out;
 }
 #screen-meta-links .show-settings:focus {
 	color: #2c3338;
 }
 #screen-meta-links .show-settings:focus {
-	border-color: #4f94d4;
+	border-color: #2271b1;
-	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 #screen-meta-links .show-settings:active {
 	transform: none;
 }
 /* Post box order and toggle buttons. */
 .postbox .handle-order-higher,
 .postbox .handle-order-lower,
 .postbox .handlediv {
-	width: 36px;
+	width: 1.62rem;
-	height: 36px;
+	height: 1.62rem;
 	margin: 0;
 	padding: 0;
 	border: 0;
 	background: none;
 	cursor: pointer;
 	background-size: 20px 20px;
 	transform: translateZ(0);
 }
 @media print,
-	(-webkit-min-device-pixel-ratio: 1.25),
 	(min-resolution: 120dpi) {
 	#TB_window.plugin-details-modal.thickbox-loading:before {
 		background-image: url(../images/spinner-2x.gif);
 	}
 	color: #f0f0f1;
 }
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
-	color: #135e96;
 	outline: none;
 	box-shadow: none;
+}
+.plugin-details-modal #TB_closeWindowButton:hover::after,
+.plugin-details-modal #TB_closeWindowButton:focus::after {
+	outline: 2px solid;
+	outline-offset: -4px;
+	border-radius: 4px;
 }
 .plugin-details-modal .tb-close-icon {
 	display: none;
 }
 }
 .postbox .handle-order-higher:focus,
 .postbox .handle-order-lower:focus,
 .postbox .handlediv:focus {
-	box-shadow:
+	box-shadow: inset 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	border-radius: 50%;
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
 	/* Only visible in Windows High Contrast mode */
-	outline: 1px solid transparent;
+	outline: 2px solid transparent;
 }
 .postbox .handle-order-higher:focus .order-higher-indicator::before,
 .postbox .handle-order-lower:focus .order-lower-indicator::before,
 .postbox .handlediv:focus .toggle-indicator::before {
 #template textarea {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 13px;
 	background: #f6f7f7;
-	-o-tab-size: 4;
 	tab-size: 4;
 }
 #template textarea,
 #template .CodeMirror {
 /* Remove outline, and create our own focus and hover styles */
 [role="treeitem"] {
 	outline: 0;
 }
+[role="treeitem"] a:focus,
 [role="treeitem"] .folder-label.focus {
 	color: #043959;
-	box-shadow:
+	/* Reset default focus style. */
-		0 0 0 1px #4f94d4,
+	box-shadow: none;
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Use an inset outline instead, so it's visible also over the current file item. */
-}
+	outline: 2px solid #2271b1;
+	outline-offset: -2px;
+}
 [role="treeitem"].hover,
 [role="treeitem"] .folder-label.hover {
 	background-color: #f0f0f1;
 }
 #templateside li:not(.howto) a,
 .theme-editor-php .highlight {
 	display: block;
 	padding: 3px 0 3px 12px;
 	text-decoration: none;
+}
+#templateside li.current-file > a {
+	padding-bottom: 0;
 }
 #templateside li:not(.howto) > a:first-of-type {
 	padding-top: 0;
 }
 .item-edit:focus,
 .sidebar-name:hover .toggle-indicator,
 .accordion-section-title:hover:after {
 	color: #1d2327;
 	/* Only visible in Windows High Contrast mode */
-	outline: 1px solid transparent;
+	outline: 2px solid transparent;
 }
 .widget-top .widget-action:focus .toggle-indicator:before {
-	box-shadow:
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	/* Only visible in Windows High Contrast mode */
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 2px solid transparent;
 }
 .control-section .accordion-section-title:after,
 .accordion-section-title:after {
 	float: right;
 /**
 * HiDPI Displays
 */
 @media print,
-(-webkit-min-device-pixel-ratio: 1.25),
 (min-resolution: 120dpi) {
 	/* Back-compat for pre-3.8 */
 	div.star-holder,
 	div.star-holder .star-rating {
 		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
 	.nav-tab-active:focus,
 	.nav-tab-active:focus:active {
 		border-bottom: 1px solid #c3c4c7;
 	}
-	.wp-filter .search-form input[type="search"] {
+	.wp-filter .search-form.search-plugins label {
 		width: 100%;
+	}
+}
+@media screen and (max-width: 480px) {
+	.metabox-prefs-container {
+		display: grid;
+	}
+	.metabox-prefs-container > * {
+		display: inline-block;
+		padding: 2px;
 	}
 }
 @media screen and (max-width: 320px) {
 	/* Prevent default center alignment and larger font for the Right Now widget when

changeset 21	48c4eec2b7e6
parent 19	3d72ae0968f4
child 22	8c2e4d02f4ef