enmi-conf.org: comparison wp/wp-includes/css/media-views-rtl.css

equal deleted inserted replaced

-:c7c34916027a
+:177826044cd9
 }
 .media-frame a:focus {
 	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);
-	outline: none;
 	color: #124964;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 .media-frame a.button {
 	color: #32373c;
 }
 }
 .media-modal-close:focus {
 	color: #00a0d2;
 	border-color: #5b9dd9;
-	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;
+	outline-offset: -2px;
 }
 .media-modal-close span.media-modal-icon {
 	background-image: none;
 }
 	right: 0;
 	left: 0;
 	bottom: 0;
 	overflow: auto;
 	min-height: 300px;
-	box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
 	background: #fcfcfc;
 	-webkit-font-smoothing: subpixel-antialiased;
 }
 .media-modal-content .media-frame select.attachment-filters {
 	border: 0 solid #ddd;
 	overflow: hidden;
 }
 .media-frame-toolbar .media-toolbar {
-	top: initial;
+	top: auto;
 	bottom: -45px;
 	height: auto;
-	overflow: initial;
+	overflow: visible;
 	border-top: 1px solid #ddd;
 }
 @media screen and (max-width: 782px) {
 	.media-frame-toolbar .media-toolbar {
 .attachment-details .setting input[type="number"],
 .attachment-details .setting input[type="search"],
 .attachment-details .setting input[type="tel"],
 .attachment-details .setting input[type="url"],
 .attachment-details .setting textarea,
-.attachment-details .setting .value {
+.attachment-details .setting .value,
+.attachment-details .setting + .description {
 	box-sizing: border-box;
 	margin: 1px;
 	width: 65%;
 	float: left;
 }
 .media-sidebar .setting .value,
-.attachment-details .setting .value {
+.attachment-details .setting .value,
+.attachment-details .setting + .description {
 	margin: 0 1px;
 	text-align: right;
+}
+.attachment-details .setting + .description {
+	clear: both;
+	font-size: 12px;
+	font-style: normal;
+	margin-bottom: 0.5em;
 }
 .media-sidebar .setting textarea,
 .attachment-details .setting textarea,
 .compat-item .field textarea {
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
 	margin: 0;
-	padding: 10px 0;
+	padding: 50px 0 10px;
 	background: #f3f3f3;
 	border-left-width: 1px;
 	border-left-style: solid;
 	border-left-color: #ccc;
 	-webkit-user-select: none;
 	text-decoration: none;
 }
 .media-menu > a:hover {
 	color: #0073aa;
-	background: rgba( 0, 0, 0, 0.04 );
+	background: rgba(0, 0, 0, 0.04);
 }
 .media-menu > a:active {
 	outline: none;
 }
 	display: none;
 }
 .media-frame.hide-router .media-frame-title {
 	border-bottom: 1px solid #ddd;
-	box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
+	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
 }
 .media-frame-title .dashicons {
 	display: none;
 }
 	max-width: calc(48% - 12px);
 }
 .media-frame select.attachment-filters:last-of-type {
 	margin-left: 0;
+	width: auto;
+	max-width: 100%;
 }
 /**
 * Search
 */
 .wp-core-ui .selected.attachment:focus,
 .wp-core-ui .attachment.details:focus {
 	box-shadow:
 		inset 0 0 2px 3px #fff,
 		inset 0 0 0 7px #5b9dd9;
-	outline: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -6px;
 }
 .wp-core-ui .selected.attachment {
 	box-shadow:
 		inset 0 0 0 5px #fff,
 }
 .wp-core-ui .attachment-preview {
 	position: relative;
 	box-shadow:
-		inset 0 0 15px rgba( 0, 0, 0, 0.1 ),
+		inset 0 0 15px rgba(0, 0, 0, 0.1),
-		inset 0 0 0 1px rgba( 0, 0, 0, 0.05 );
+		inset 0 0 0 1px rgba(0, 0, 0, 0.05);
 	background: #eee;
 	cursor: pointer;
 }
 .wp-core-ui .attachment-preview:before {
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
-	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 }
 .wp-core-ui .attachment .thumbnail img {
 	top: 0;
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
-	-webkit-transform: translate( -50%, 50% ); /* Fails with spaces?? Weird! */
 	transform: translate( -50%, 50% );
 }
 .wp-core-ui .attachment .thumbnail .centered img {
-	-webkit-transform: translate( 50%, -50% );
 	transform: translate( 50%, -50% );
 }
 .wp-core-ui .attachments-browser .attachment .thumbnail .centered img.icon {
-	-webkit-transform: translate( 50%, -70% );
 	transform: translate( 50%, -70% );
 }
 .ie8 .wp-core-ui .attachment img.icon {
 	top: 20%;
 	overflow: hidden;
 	max-height: 100%;
 	word-wrap: break-word;
 	text-align: center;
 	font-weight: 600;
-	background: rgba( 255, 255, 255, 0.8 );
+	background: rgba(255, 255, 255, 0.8);
-	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
 }
 .wp-core-ui .attachment .filename div {
 	padding: 5px 10px;
 }
 	width: 22px;
 	padding: 0;
 	background-color: #fff;
 	background-position: -96px 4px;
 	border-radius: 3px;
-	box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.3 );
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
 	transition: none;
 }
 .wp-core-ui .attachment-close:hover,
 .wp-core-ui .attachment-close:focus {
 	top: 0;
 	left: 0;
 	outline: none;
 	background: #eee;
 	cursor: pointer;
-	box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.15 );
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.15);
 }
 .wp-core-ui .attachment .check .media-modal-icon {
 	display: block;
 	background-position: -1px 0;
 .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
 	background-color: #0073aa;
 	box-shadow:
 		0 0 0 1px #fff,
 		0 0 0 2px #0073aa;
+}
+.wp-core-ui .attachment.selected .check:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .wp-core-ui .attachment.details .check .media-modal-icon,
 .wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon {
 	background-position: -21px 0;
 	font-weight: 300;
 	margin-top: 1px;
 }
 .uploader-inline .close:focus {
-	outline: 1px solid  #5b9dd9;
+	outline: 1px solid #5b9dd9;
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
 }
 .attachments-browser.hide-sidebar .attachments,
 .attachments-browser.hide-sidebar .uploader-inline {
 	left: 0;
 	height: 10px;
 	width: 70%;
 	margin: 10px auto;
 	border-radius: 10px;
 	background: #ddd;
-	background: rgba( 0, 0, 0, 0.1 );
+	background: rgba(0, 0, 0, 0.1);
 }
 .media-progress-bar div {
 	height: 10px;
 	min-width: 20px;
 .errors.media-uploader-status .upload-errors {
 	display: block;
 }
 .media-uploader-status .upload-dismiss-errors {
+	position: absolute;
+	top: -3px;
+	left: -5px;
+	padding: 5px;
+	border-radius: 50%;
+	transition: none;
 	text-decoration: none;
 }
-.media-sidebar .media-uploader-status .upload-dismiss-errors {
+.uploader-inline .media-uploader-status .upload-dismiss-errors {
-	position: absolute;
+	top: 2px;
-	top: -10px;
+	left: 2px;
-	left: -10px;
+}
-	padding: 10px;
-	transition: none;
+.media-uploader-status .upload-dismiss-errors::before {
-}
-.media-sidebar .media-uploader-status .upload-dismiss-errors:before {
 	content: "\f153";
 	display: block;
 	font: normal 16px/1 dashicons;
 	color: #72777c;
 }
-.media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before,
+.uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before {
-.media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before {
+	color: #606a73;
+}
+.errors.media-uploader-status .upload-dismiss-errors:hover::before,
+.errors.media-uploader-status .upload-dismiss-errors:focus::before {
 	color: #c00;
 }
 .upload-errors .upload-error {
 	padding: 12px;
 	border-right: 4px solid #dc3232;
 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 }
 .uploader-inline .upload-errors .upload-error {
+	padding: 12px 30px;
 	background-color: #fbeaea;
 	box-shadow: none;
 }
 .upload-errors .upload-error-filename {
 	position: fixed;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
-	background: rgba( 0, 86, 132, 0.9 );
+	background: rgba(0, 86, 132, 0.9);
 	z-index: 250000;
 	display: none;
 	text-align: center;
 	opacity: 0;
 	transition: opacity 250ms;
 	margin: -0.5em 0 0;
 	position: absolute;
 	top: 50%;
 	right: 0;
 	left: 0;
-	-webkit-transform: translateY( -50% );
 	transform: translateY( -50% );
 	font-size: 40px;
 	color: #fff;
 	padding: 0;
 }
 .wp-core-ui .media-selection .selected.attachment:focus,
 .wp-core-ui .media-selection .attachment.details:focus {
 	box-shadow:
 		0 0 0 1px #fff,
 		0 0 2px 3px #5b9dd9;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .wp-core-ui .media-selection .selected.attachment {
 	box-shadow: none;
 }
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	width: 25px;
-	background-image: linear-gradient(to right, rgba( 255, 255, 255, 1 ), rgba( 255, 255, 255, 0 ));
+	background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }
 .media-selection .attachment .filename {
 	display: none;
 }
 }
 .uploading .attachment-info .thumbnail {
 	width: 120px;
 	height: 80px;
-	box-shadow: inset 0 0 15px rgba( 0, 0, 0, 0.1 );
+	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
 }
 .uploading .attachment-info .media-progress-bar {
 	margin-top: 35px;
 }
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
-	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
 	overflow: hidden;
 }
 .attachment-info .thumbnail img {
 	display: block;
 }
 .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
 	color: #0074a2;
 	border-color: #5b9dd9;
-	outline: none;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle {
 	margin-top: -3px;
 }
 .media-frame .embed-url input {
 	font-size: 18px;
 	padding: 12px 14px;
 	width: 100%;
 	min-width: 200px;
-	box-shadow: inset -2px 2px 4px -2px rgba( 0, 0, 0, 0.1 );
+	box-shadow: inset -2px 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 .media-frame .embed-url .spinner {
 	position: absolute;
 	top: 32px;
 	height: auto;
 }
 .mejs-container:focus {
 	outline: 1px solid #5b9dd9;
-	box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
+	box-shadow: 0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 .image-details .media-modal {
 	right: 140px;
 	left: 140px;
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
-	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );
+	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 }
 .media-embed .setting {
 	width: 100%;
 	float: right;
 	display: block;
 	clear: both;
 }
+.media-embed .setting.has-description {
+	margin-bottom: 5px;
+}
+.media-embed .description {
+	clear: both;
+	font-style: normal;
+}
 .image-details .embed-media-settings .setting {
 	float: none;
 	width: auto;
 }
 	width: 70%;
 }
 .image-details .embed-media-settings .setting input.link-to-custom,
 .image-details .embed-media-settings .link-target,
-.image-details .embed-media-settings .custom-size {
+.image-details .embed-media-settings .custom-size,
+.image-details .description {
 	margin-right: 27%;
 	width: 70%;
+}
+.image-details .description {
+	font-style: normal;
+	margin-top: 0;
 }
 .image-details .embed-media-settings .link-target {
 	margin-top: 24px;
 }
 	margin-top: 10px;
 }
 /* Drag & drop on the editor upload */
 .wp-editor-wrap .uploader-editor {
-	background: rgba( 150, 150, 150, 0.9 );
+	background: rgba(150, 150, 150, 0.9);
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 .wp-editor-wrap .uploader-editor .uploader-editor-title {
 	position: absolute;
 	top: 50%;
 	right: 0;
 	left: 0;
-	-webkit-transform: translateY( -50% );
 	transform: translateY( -50% );
 	font-size: 3em;
 	line-height: 1.3;
 	font-weight: 600;
 	color: #fff;
 	margin: 0;
 	display: none;
 }
 .wp-editor-wrap .uploader-editor.droppable {
-	background: rgba( 0, 86, 132, 0.9 );
+	background: rgba(0, 86, 132, 0.9);
 }
 .wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
 	display: block;
 }
 	.attachment-details .setting input[type="number"],
 	.attachment-details .setting input[type="search"],
 	.attachment-details .setting input[type="tel"],
 	.attachment-details .setting input[type="url"],
 	.attachment-details .setting textarea,
-	.attachment-details .setting select {
+	.attachment-details .setting select,
+	.attachment-details .setting + .description {
 		float: none;
 		width: 98%;
 		max-width: none;
 		height: auto;
 	}
 	.image-details .embed-media-settings .setting input.link-to-custom,
 	.image-details .embed-media-settings .setting input[type="text"],
 	.image-details .embed-media-settings .setting textarea {
 		width: 100%;
 		margin-right: 0;
+	}
+	.image-details .embed-media-settings .setting.has-description {
+		margin-bottom: 5px;
+	}
+	.image-details .description {
+		width: auto;
+		margin: 0 20px;
 	}
 	.image-details .embed-media-settings .custom-size {
 		margin-right: 20px;
 	}
 	}
 }
 /* Landscape specific header override */
 @media screen and (max-height: 400px) {
-	.media-menu {
+	.media-menu,
-		padding: 0;
+	.media-frame:not(.hide-menu) .media-menu {
+		top: 44px;
 	}
 	.media-frame-router {
 		top: 44px;
 	}
 	}
 	/* Prevent unnecessary scrolling on title input */
 	.embed-link-settings {
 		overflow: visible;
+	}
+}
+@media only screen and (min-width: 901px) and (max-height: 400px) {
+	.media-menu,
+	.media-frame:not(.hide-menu) .media-menu {
+		top: 0;
+		padding-top: 44px;
 	}
 }
 @media only screen and (max-width: 480px) {
 	.media-modal-close {
 	}
 	.media-frame-router,
 	.media-frame:not(.hide-menu) .media-menu {
 		top: 40px;
+		padding-top: 0;
 	}
 	.media-frame-content {
 		top: 74px;
 	}

changeset 9	177826044cd9
parent 7	cf61fcea0001
child 16	a86126ab1dd4