+ * Image Editor
+ */
+.media-modal .imgedit-wrap {
+ position: static;
+}
+
+.media-modal .imgedit-wrap .imgedit-panel-content {
+ padding: 16px;
+ position: absolute;
+ top: 0;
+ left: 282px;
+ bottom: 0;
+ right: 0;
+ overflow: auto;
+}
+
+.media-modal .imgedit-wrap .imgedit-settings {
+ background: #f3f3f3;
+ border-right: 1px solid #ddd;
+ padding: 20px 16px 16px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 250px;
+ overflow: auto;
+}
+
+.media-modal .imgedit-group {
+ background: none;
+ border: none;
+ border-bottom: 1px solid #ddd;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ margin: 0;
+ margin-bottom: 16px;
+ padding: 0;
+ padding-bottom: 16px;
+ position: relative; /* RTL fix, #WP29352 */
+}
+
+.media-modal .imgedit-group:last-of-type {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+.media-modal .imgedit-group-top {
+ margin: 0;
+}
+
+.media-modal .imgedit-group-top h3, /* Back-compat for pre-4.4 */
+.media-modal .imgedit-group-top h2,
+.media-modal .imgedit-group-top h2 .button-link {
+ display: inline-block;
+ text-transform: uppercase;
+ font-size: 12px;
+ color: #666;
+ margin: 0;
+ margin-top: 3px;
+}
+
+.media-modal .imgedit-group-top h3 a, /* Back-compat for pre-4.4 */
+.media-modal .imgedit-group-top h2 a,
+.media-modal .imgedit-group-top h2 .button-link {
+ text-decoration: none;
+ color: #666;
+}
+
+/* higher specificity than media.css */
+.wp-core-ui.media-modal .image-editor .imgedit-help-toggle,
+.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:hover,
+.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:active {
+ border: 1px solid transparent;
+ margin: 0;
+ padding: 0;
+ background: transparent;
+ color: #0074a2;
+ font-size: 20px;
+ line-height: 1;
+ cursor: pointer;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
+ color: #0074a2;
+ border-color: #5b9dd9;
+ outline: none;
+ -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+ box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+}
+
+.wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle {
+ margin-top: -3px;
+}
+
+.wp-core-ui.media-modal .image-editor h3 .imgedit-help-toggle {
+ margin-top: -2px;
+}
+
+.media-modal .imgedit-help-toggled span.dashicons:before {
+ content: "\f142";
+}
+
+.media-modal .imgedit-thumbnail-preview {
+ margin: 10px 0 0 8px;
+}
+
+.imgedit-thumbnail-preview-caption {
+ display: block;
+}
+
+.media-modal .imgedit-wrap div.updated {
+ margin: 0;
+ margin-bottom: 16px;
+}
+
+
+/**
+ * Embed from URL and Image Details