wp/wp-admin/css/media.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-admin/css/media.css	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/media.css	Mon Oct 14 18:28:13 2019 +0200
@@ -164,7 +164,7 @@
 	overflow: hidden;
 	border-radius: 22px;
 	background: #ddd;
-	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .media-item .bar {
@@ -174,7 +174,7 @@
 	margin-top: -22px;
 	border-radius: 22px;
 	background-color: #0073aa;
-	box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
+	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
 }
 
 .media-item .progress .percent {
@@ -186,7 +186,7 @@
 	text-align: center;
 	line-height: 22px;
 	font-weight: 400;
-	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
 
 .upload-php .fixed .column-parent {
@@ -211,8 +211,7 @@
 	padding: 10px 0 10px 14px;
 }
 
-.media-item .error-div a.dismiss {
-	display: block;
+.media-item .error-div button.dismiss {
 	float: right;
 	margin: 0 10px 0 15px;
 }
@@ -223,7 +222,7 @@
 
 .find-box {
 	background-color: #fff;
-	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
 	width: 600px;
 	overflow: hidden;
 	margin-left: -300px;
@@ -311,10 +310,12 @@
 }
 
 #find-posts-close:focus {
-	outline: none;
 	box-shadow:
 		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+		0 0 2px 1px rgba(30, 140, 190, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
 }
 
 #find-posts-close:before {
@@ -336,13 +337,13 @@
 	right: 0;
 }
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 	.find-box-inside {
 		bottom: 57px;
 	}
 }
 
-@media screen and ( max-width: 660px ) {
+@media screen and (max-width: 660px) {
 
 	.find-box {
 		top: 0;
@@ -461,7 +462,7 @@
 	margin-top: 12px;
 	padding: 0 16px;
 	border-left: 4px solid #dd3d36;
- 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 	background-color: #fff;
 }
 
@@ -529,7 +530,9 @@
 	box-shadow:
 		inset 0 0 2px 3px #f1f1f1,
 		inset 0 0 0 7px #5b9dd9;
-	outline: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -6px;
 }
 
 .media-frame.mode-grid .selected.attachment {
@@ -682,18 +685,24 @@
 	box-shadow: none;
 }
 
+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
 .upload-php .media-modal-close:focus .media-modal-icon:before,
 .upload-php .media-modal-close:hover .media-modal-icon:before {
 	color: #000;
 }
 
-.edit-attachment-frame .edit-media-header .left:before,
-.rtl .edit-attachment-frame .edit-media-header .right:before {
+.edit-attachment-frame .edit-media-header .left:before {
 	content: "\f341";
 }
 
-.edit-attachment-frame .edit-media-header .right:before,
-.rtl .edit-attachment-frame .edit-media-header .left:before {
+.edit-attachment-frame .edit-media-header .right:before {
 	content: "\f345";
 }
 
@@ -751,6 +760,10 @@
 	background-size: 20px 20px;
 }
 
+.edit-attachment-frame .attachment-media-view .details-image.icon {
+	background: none;
+}
+
 .edit-attachment-frame .attachment-media-view .attachment-actions {
 	text-align: center;
 }
@@ -810,6 +823,13 @@
 /*------------------------------------------------------------------------------
   14.2 - Image Editor
 ------------------------------------------------------------------------------*/
+.wp_attachment_details .attachment-alt-text {
+	margin-bottom: 5px;
+}
+
+.wp_attachment_details .attachment-alt-text-description {
+	margin-top: 5px;
+}
 
 .wp_attachment_details label[for="content"] {
 	font-size: 13px;
@@ -888,7 +908,6 @@
 	margin: -10px 0 0 -10px;
 	background: transparent url(../images/spinner.gif) no-repeat center;
 	background-size: 20px 20px;
-	-webkit-transform: translateZ(0);
 	transform: translateZ(0);
 }
 
@@ -1077,8 +1096,9 @@
 .image-editor .imgedit-settings .imgedit-help-toggle:focus {
 	color: #0074a2;
 	border-color: #5b9dd9;
-	outline: none;
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 .form-table td.imgedit-response {
@@ -1161,7 +1181,7 @@
 	}
 }
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
 		line-height: 1.5em;
@@ -1205,7 +1225,7 @@
 	}
 }
 
-@media only screen and ( max-width: 782px ) {
+@media only screen and (max-width: 782px) {
 	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
 		top: 46px;
 		right: 10px;