JezK

Edit File: media-rtl.css

/*! This file is auto-generated */
/*------------------------------------------------------------------------------
  14.0 - Media Screen
------------------------------------------------------------------------------*/

.media-item .describe {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #dcdcde;
	clear: both;
	cursor: default;
}

.media-item.media-blank .describe {
	border: 0;
}

.media-item .describe th {
	vertical-align: top;
	text-align: right;
	padding: 5px 10px 10px;
	width: 140px;
}

.media-item .describe .align th {
	padding-top: 0;
}

.media-item .media-item-info tr {
	background-color: transparent;
}

.media-item .describe td {
	padding: 0 0 8px 8px;
	vertical-align: top;
}

.media-item thead.media-item-info td {
	padding: 4px 10px 0;
}

.media-item .media-item-info .A1B1 {
	padding: 0 10px 0 0;
}

.media-item td.savesend {
	padding-bottom: 15px;
}

.media-item .thumbnail {
	max-height: 128px;
	max-width: 128px;
}

.media-list-subtitle {
	display: block;
}

.media-list-title {
	display: block;
}

#wpbody-content #async-upload-wrap a {
	display: none;
}

.media-upload-form {
	margin-top: 20px;
}

.media-upload-form td label {
	margin-left: 6px;
	margin-right: 2px;
}

.media-upload-form .align .field label {
	display: inline;
	padding: 0 23px 0 0;
	margin: 0 3px 0 1em;
	font-weight: 600;
}

.media-upload-form tr.image-size label {
	margin: 0 5px 0 0;
	font-weight: 600;
}

.media-upload-form th.label label {
	font-weight: 600;
	margin: 0.5em;
	font-size: 13px;
}

.media-upload-form th.label label span {
	padding: 0 5px;
}

.media-item .describe input[type="text"],
.media-item .describe textarea {
	width: 460px;
}

.media-item .describe p.help {
	margin: 0;
	padding: 0 5px 0 0;
}

.describe-toggle-on,
.describe-toggle-off {
	display: block;
	line-height: 2.76923076;
	float: left;
	margin-left: 10px;
}

.media-item .attachment-tools {
	display: flex;
	align-items: center;
}

.media-item .edit-attachment {
	padding: 14px 0;
	display: block;
	margin-left: 10px;
}

.media-item .edit-attachment.copy-to-clipboard-container {
	display: flex;
	margin-top: 0;
}

.media-item-copy-container .success {
	line-height: 0;
}

.media-item button .copy-attachment-url {
	margin-top: 14px;
}

.media-item .copy-to-clipboard-container {
	margin-top: 7px;
}

.media-item .describe-toggle-off,
.media-item.open .describe-toggle-on {
	display: none;
}

.media-item.open .describe-toggle-off {
	display: block;
}

.media-upload-form .media-item {
	min-height: 70px;
	margin-bottom: 1px;
	position: relative;
	width: 100%;
	background: #fff;
}

.media-upload-form .media-item,
.media-upload-form .media-item .error {
	box-shadow: 0 1px 0 #dcdcde;
}

#media-items:empty {
	border: 0 none;
}

.media-item .filename {
	padding: 14px 2px;
	overflow: hidden;
	margin-right: 4px;
}

.media-item .pinkynail {
	float: right;
	margin: 14px;
	max-height: 70px;
	max-width: 70px;
}

.media-item .startopen,
.media-item .startclosed {
	display: none;
}

.media-item .progress {
	display: inline-block;
	height: 22px;
	margin: 0 6px 7px;
	width: 200px;
	line-height: 2em;
	padding: 0;
	overflow: hidden;
	border-radius: 22px;
	background: #dcdcde;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.media-item .bar {
	z-index: 9;
	width: 0;
	height: 100%;
	margin-top: -22px;
	border-radius: 22px;
	background-color: #2271b1;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.media-item .progress .percent {
	z-index: 10;
	position: relative;
	width: 200px;
	padding: 0;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-weight: 400;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.upload-php .fixed .column-parent {
	width: 15%;
}

.js .html-uploader #plupload-upload-ui {
	display: none;
}

.js .html-uploader #html-upload-ui {
	display: block;
}

#html-upload-ui #async-upload {
	font-size: 1em;
}

.media-upload-form .media-item.error,
.media-upload-form .media-item .error {
	width: auto;
	margin: 0 0 1px;
}

.media-upload-form .media-item .error {
	padding: 10px 14px 10px 0;
	min-height: 50px;
}

.media-item .error-div button.dismiss {
	float: left;
	margin: 0 15px 0 10px;
}

/*------------------------------------------------------------------------------
  14.1 - Media Library
------------------------------------------------------------------------------*/

.find-box {
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	width: 600px;
	overflow: hidden;
	margin-right: -300px;
	position: fixed;
	top: 30px;
	bottom: 30px;
	right: 50%;
	z-index: 100105;
}

.find-box-head {
	background: #fff;
	border-bottom: 1px solid #dcdcde;
	height: 36px;
	font-size: 18px;
	font-weight: 600;
	line-height: 2;
	padding: 0 16px 0 36px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.find-box-inside {
	overflow: auto;
	padding: 16px;
	background-color: #fff;
	position: absolute;
	top: 37px;
	bottom: 45px;
	overflow-y: scroll;
	width: 100%;
	box-sizing: border-box;
}

.find-box-search {
	padding-bottom: 16px;
}

.find-box-search .spinner {
	float: none;
	right: 105px;
	position: absolute;
}

.find-box-search,
#find-posts-response {
	position: relative; /* RTL fix, #WP28010 */
}

#find-posts-input,
#find-posts-search {
	float: right;
}

#find-posts-input {
	width: 140px;
	height: 28px;
	margin: 0 0 0 4px;
}

.widefat .found-radio {
	padding-left: 0;
	width: 16px;
}

#find-posts-close {
	width: 36px;
	height: 36px;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	text-align: center;
	background: none;
	color: #646970;
}

#find-posts-close:hover,
#find-posts-close:focus {
	color: var(--wp-admin-theme-color-darker-20, #183ad6);
}

#find-posts-close:focus {
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	outline-offset: -2px;
}

#find-posts-close:before {
	font: normal 20px/36px dashicons;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f158";
	content: "\f158" / '';
}

.find-box-buttons {
	padding: 8px 16px;
	background: #fff;
	border-top: 1px solid #dcdcde;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

@media screen and (max-width: 782px) {
	.find-box-inside {
		bottom: 57px;
	}

#delete_all {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 660px) {

.find-box {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0;
		width: 100%;
	}

}

.ui-find-overlay {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 100100;
}

.drag-drop #drag-drop-area {
	border: 4px dashed #c3c4c7;
	height: 200px;
}

.drag-drop .drag-drop-inside {
	margin: 60px auto 0;
	width: 250px;
}

.drag-drop-inside p {
	font-size: 14px;
	margin: 5px 0;
	display: none;
}

.drag-drop .drag-drop-inside p {
	text-align: center;
}

.drag-drop-inside p.drag-drop-info {
	font-size: 20px;
}

.drag-drop .drag-drop-inside p,
.drag-drop-inside p.drag-drop-buttons {
	display: block;
}

/*
#drag-drop-area:-moz-drag-over {
	border-color: #83b4d8;
}
border color while dragging a file over the uploader drop area */
.drag-drop.drag-over #drag-drop-area {
	border-color: #9ec2e6;
}

#plupload-upload-ui {
	position: relative;
}

.post-type-attachment .wp-filter select {
	margin: 0 0 0 6px;
}

/* Match the spacing the grid view toolbar gets from
   `.attachments-browser .media-toolbar` in media-views.css, so the Media
   Library filter bar is consistent in both modes. The grid view toolbar is
   excluded so that rule stays the single source of its own padding: media.css
   is printed after media-views.css here, so an unscoped rule would override
   it. */
.upload-php .wp-filter:not(.media-toolbar) {
	padding: 12px 16px;
}

/**
 * Media Library grid view
 */

.media-frame.mode-grid,
.media-frame.mode-grid .media-frame-content,
.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
.media-frame.mode-grid .uploader-inline-content {
	position: static;
}

/* Regions we don't use at all */
.media-frame.mode-grid .media-frame-title,
.media-frame.mode-grid .media-frame-router,
.media-frame.mode-grid .media-frame-menu {
	display: none;
}

.media-frame.mode-grid .media-frame-content {
	background-color: transparent;
	border: none;
}

.upload-php .mode-grid .media-sidebar {
	position: relative;
	width: auto;
	margin-top: 12px;
	padding: 0 16px;
	border-right: 4px solid #d63638;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.upload-php .mode-grid .hide-sidebar .media-sidebar {
	display: none;
}

.upload-php .mode-grid .media-sidebar .media-uploader-status {
	border-bottom: none;
	padding-bottom: 0;
	max-width: 100%;
}

.upload-php .mode-grid .media-sidebar .upload-error {
	margin: 12px 0;
	padding: 4px 0 0;
	border: none;
	box-shadow: none;
	background: none;
}

.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
	display: none;
}

.media-frame.mode-grid .uploader-inline {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	padding-top: 0;
	margin-top: 20px;
	border: 4px dashed #c3c4c7;
}

.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
	position: relative;
	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
}

.media-frame.mode-grid .attachment:focus,
.media-frame.mode-grid .selected.attachment:focus,
.media-frame.mode-grid .attachment.details:focus {
	/* Keep this box-shadow consistent between media.css and media-views.css. */
	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	outline-offset: -6px;
}

.media-frame.mode-grid .selected.attachment {
	box-shadow:
		inset 0 0 0 5px #f0f0f1,
		inset 0 0 0 7px #c3c4c7;
}

.media-frame.mode-grid .attachment.details {
	box-shadow:
		inset 0 0 0 3px #f0f0f1,
		inset 0 0 0 7px var(--wp-admin-theme-color, #3858e9);
}

.media-frame.mode-grid.mode-select .attachment .thumbnail {
	opacity: 0.65;
}

.media-frame.mode-select .attachment.selected .thumbnail {
	opacity: 1;
}

.media-frame.mode-grid .media-toolbar {
	margin-bottom: 15px;
	height: auto;
	min-height: 80px;
}

.media-frame.mode-grid .media-toolbar label:not(.media-search-input-label) {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
	word-wrap: normal !important;
	word-break: normal !important;
}

.media-frame.mode-grid .media-toolbar select {
	margin: 0 0 0 10px;
	min-height: 32px;
	line-height: 2.14285714; /* 30px for 32px height with 14px font */
	padding: 0 8px 0 24px;
}

.media-frame.mode-grid .media-toolbar input[type="search"] {
	min-height: 32px;
	padding: 0 8px;
}

.media-frame.mode-grid .media-toolbar-secondary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
	margin: 0 0 0 8px;
	height: 100%;
}

.media-frame.mode-grid .attachments-browser .bulk-select {
	display: inline-block;
	margin: 0 0 0 10px;
}

.media-frame.mode-grid .search {
	margin-top: 0;
}

.media-frame-content .media-search-input-label {
	vertical-align: baseline;
}

.attachments-browser .media-toolbar-secondary > .media-button {
	margin-left: 10px;
}

.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
	position: fixed;
	top: 32px;
	right: auto;
	left: 20px;
	margin-top: 0;
}

.media-frame.mode-grid .attachments-browser {
	padding: 0;
}

.media-frame.mode-grid .attachments-browser .attachments {
	padding: 2px;
}

.media-frame.mode-grid .attachments-browser .no-media {
	color: #646970; /* same as no plugins and no themes */
	font-size: 18px;
	font-style: normal;
	margin: 0;
	padding: 100px 0 0;
	text-align: center;
}

/**
 * Attachment details modal
 */

.edit-attachment-frame {
	display: block;
	height: 100%;
	width: 100%;
}

.edit-attachment-frame .edit-media-header {
	overflow: hidden;
}

.upload-php .media-modal-close .media-modal-icon:before {
	content: "\f335";
	content: "\f335" / '';
	font-size: 22px;
}

.upload-php .media-modal-close,
.edit-attachment-frame .edit-media-header .left,
.edit-attachment-frame .edit-media-header .right {
	cursor: pointer;
	color: #787c82;
	background-color: transparent;
	height: 50px;
	width: 50px;
	padding: 0;
	position: absolute;
	text-align: center;
	border: 0;
	border-right: 1px solid #dcdcde;
	transition: color .1s ease-in-out, background .1s ease-in-out;
}

.upload-php .media-modal-close {
	top: 0;
	left: 0;
}

.edit-attachment-frame .edit-media-header .left {
	left: 102px;
}

.edit-attachment-frame .edit-media-header .right {
	left: 51px;
}

.edit-attachment-frame .media-frame-title {
	right: 0;
	left: 150px; /* leave space for prev/next/close */
}

.edit-attachment-frame .edit-media-header .right:before,
.edit-attachment-frame .edit-media-header .left:before {
	font: normal 20px/50px dashicons !important;
	display: inline;
	font-weight: 300;
}

.upload-php .media-modal-close:hover,
.upload-php .media-modal-close:focus,
.edit-attachment-frame .edit-media-header .left:hover,
.edit-attachment-frame .edit-media-header .right:hover,
.edit-attachment-frame .edit-media-header .left:focus,
.edit-attachment-frame .edit-media-header .right:focus {
	background: #dcdcde;
	border-color: #c3c4c7;
	color: #000;
	outline: none;
	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 {
	content: "\f345";
	content: "\f341" / '';
}

.edit-attachment-frame .edit-media-header .right:before {
	content: "\f341";
	content: "\f345" / '';
}

.edit-attachment-frame .edit-media-header [disabled],
.edit-attachment-frame .edit-media-header [disabled]:hover {
	color: #c3c4c7;
	background: inherit;
	cursor: default;
}

.edit-attachment-frame .media-frame-content,
.edit-attachment-frame .media-frame-router {
	right: 0;
}

.edit-attachment-frame .media-frame-content {
	border-bottom: none;
	bottom: 0;
	top: 50px;
}

.edit-attachment-frame .attachment-details {
	position: absolute;
	overflow: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}

.edit-attachment-frame .attachment-media-view {
	float: right;
	width: 65%;
	height: 100%;
}

.edit-attachment-frame .attachment-media-view .thumbnail {
	box-sizing: border-box;
	padding: 16px;
	height: 100%;
}

.edit-attachment-frame .attachment-media-view .details-image {
	display: block;
	margin: 0 auto 16px;
	max-width: 100%;
	max-height: 90%;
	max-height: calc( 100% - 56px ); /* leave space for actions underneath */
	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
	background-position: 100% 0, 10px 10px;
	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;
}

.edit-attachment-frame .wp-media-wrapper {
	margin-bottom: 12px;
}

.edit-attachment-frame input,
.edit-attachment-frame textarea {
	padding: 4px 8px;
	line-height: 1.42857143;
}

.edit-attachment-frame .attachment-info {
	overflow: auto;
	box-sizing: border-box;
	margin-bottom: 0;
	padding: 12px 16px 0;
	width: 35%;
	height: 100%;
	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
	border-bottom: 0;
	border-right: 1px solid #dcdcde;
	background: #f6f7f7;
}

.edit-attachment-frame .attachment-info .details,
.edit-attachment-frame .attachment-info .settings {
	position: relative; /* RTL fix, #WP29352 */
	overflow: hidden;
	float: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcde;
}

.edit-attachment-frame .attachment-info .filename {
	font-weight: 400;
	color: #646970;
}

.edit-attachment-frame .attachment-info .thumbnail {
	margin-bottom: 12px;
}

.attachment-info .actions {
	margin-bottom: 16px;
}

.attachment-info .actions a {
	display: inline;
	text-decoration: none;
}

.copy-to-clipboard-container {
	display: flex;
	align-items: center;
	margin-top: 8px;
	clear: both;
}

.copy-to-clipboard-container .copy-attachment-url {
	white-space: normal;
}

.copy-to-clipboard-container .success {
	color: #007017;
	margin-right: 8px;
}

/*------------------------------------------------------------------------------
  14.2 - Image Editor
------------------------------------------------------------------------------*/
.wp_attachment_details .attachment-alt-text {
	margin-bottom: 5px;
}

.wp_attachment_details #attachment_alt {
	max-width: 500px;
	height: 3.28571428em;
}

.wp_attachment_details .attachment-alt-text-description {
	margin-top: 5px;
}

.wp_attachment_details label[for="content"] {
	font-size: 13px;
	line-height: 1.5;
	margin: 1em 0;
}

.wp_attachment_details #attachment_caption {
	height: 4em;
}

.describe .image-editor {
	vertical-align: top;
}

.imgedit-wrap {
	position: relative;
	padding-top: 10px;
}

.image-editor p,
.image-editor fieldset {
	margin: 8px 0;
}

.image-editor legend {
	margin-bottom: 5px;
}

.describe .imgedit-wrap .image-editor {
	padding: 0 5px;
}

.wp_attachment_holder div.updated {
	margin-top: 0;
}

.wp_attachment_holder .imgedit-wrap > div {
	height: auto;
}

.imgedit-panel-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
}

.imgedit-settings {
	max-width: 240px; /* Prevent reflow when help info is expanded. */
}

.imgedit-group-controls > * {
	display: none;
}

.imgedit-panel-active .imgedit-group-controls > * {
	display: block;
}

.imgedit-panel-active .imgedit-group-controls > .imgedit-crop-apply {
	display: flex;
}

.imgedit-crop-apply {
	gap: 4px;
	flex-wrap: wrap;
}

.wp_attachment_holder .imgedit-wrap .image-editor {
	float: left;
	width: 250px;
}

.image-editor input {
	margin-top: 0;
	vertical-align: middle;
}

.imgedit-wait {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: none;
}

.imgedit-wait:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 50%;
	top: 50%;
	margin: -10px -10px 0 0;
	background: transparent url(../images/spinner.gif) no-repeat center;
	background-size: 20px 20px;
	transform: translateZ(0);
}

.no-float {
	float: none;
}

.media-disabled,
.image-editor .disabled {
	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
	   interface component ... have no contrast requirement. */
	color: #a7aaad;
}

.A1B1 {
	overflow: hidden;
}

.wp_attachment_image .button,
.A1B1 .button {
	float: right;
}

.no-js .wp_attachment_image .button {
	display: none;
}

.wp_attachment_image .spinner,
.A1B1 .spinner {
	float: right;
}

.imgedit-menu .note-no-rotate {
	clear: both;
	margin: 0;
	padding: 1em 0 0;
}

.imgedit-menu .button:after,
.imgedit-menu .button:before {
	font: normal 16px/1 dashicons;
	margin-left: 8px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.imgedit-menu .imgedit-rotate.button:after {
	content: '\f140';
	margin-right: 2px;
	margin-left: 0;
}

.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after {
	content: '\f142';
}

.imgedit-menu .button.disabled {
	color: #a7aaad;
	border-color: #dcdcde;
	background: #f6f7f7;
	box-shadow: none;
	text-shadow: 0 1px 0 #fff;
	cursor: default;
	transform: none;
}

.imgedit-crop:before {
	content: "\f165";
	content: "\f165" / '';
}

.imgedit-scale:before {
	content: "\f211";
	content: "\f211" / '';
}

.imgedit-rotate:before {
	content: "\f167";
	content: "\f167" / '';
}

.imgedit-undo:before {
	content: "\f171";
	content: "\f171" / '';
}

.imgedit-redo:before {
	content: "\f172";
	content: "\f172" / '';
}

.imgedit-crop-wrap {
	position: relative;
}

.imgedit-crop-wrap img {
	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
	background-position: 100% 0, 10px 10px;
	background-size: 20px 20px;
}

.imgedit-crop-wrap {
	padding: 20px;
	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
	background-position: 100% 0, 10px 10px;
	background-size: 20px 20px;
}

.imgedit-crop {
	margin: 0 0 0 8px;
}

.imgedit-rotate {
	margin: 0 3px 0 8px;
}

.imgedit-undo {
	margin: 0 3px;
}

.imgedit-redo {
	margin: 0 3px 0 8px;
}

.imgedit-thumbnail-preview-group {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}

.imgedit-thumbnail-preview {
	margin: 10px 0 0 8px;
}

.imgedit-thumbnail-preview-caption {
	display: block;
}

#poststuff .imgedit-group-top h2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}

#poststuff .imgedit-group-top .button-link {
	text-decoration: none;
	color: #1d2327;
}

.imgedit-applyto .imgedit-label {
	display: block;
	padding: .5em 0 0;
}

.imgedit-popup-menu,
.imgedit-help {
	display: none;
	padding-bottom: 8px;
}

.imgedit-panel-tools > .imgedit-menu {
	display: flex;
	column-gap: 4px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.imgedit-popup-menu {
	width: calc( 100% - 20px );
	position: absolute;
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.image-editor .imgedit-menu .imgedit-popup-menu button {
	display: block;
	margin: 2px 0;
	width: 100%;
	white-space: break-spaces;
	line-height: 1.5;
	padding-top: 3px;
	padding-bottom: 2px;
}

.imgedit-rotate-menu-container {
	position: relative;
}

.imgedit-help.imgedit-restore {
	padding-bottom: 0;
}

/* higher specificity than buttons */
.image-editor .imgedit-settings .imgedit-help-toggle,
.image-editor .imgedit-settings .imgedit-help-toggle:hover,
.image-editor .imgedit-settings .imgedit-help-toggle:active {
	border: 1px solid transparent;
	margin: -1px -1px 0 0;
	padding: 0;
	background: transparent;
	color: var(--wp-admin-theme-color);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	box-sizing: content-box;
	box-shadow: none;
}

.image-editor .imgedit-settings .imgedit-help-toggle:focus {
	color: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
	box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
}

.form-table td.imgedit-response {
	padding: 0;
}

.imgedit-submit-btn {
	margin-right: 20px;
}

.imgedit-wrap .nowrap {
	white-space: nowrap;
	font-size: 12px;
	line-height: inherit;
}

span.imgedit-scale-warn {
	display: flex;
	align-items: center;
	margin: 4px;
	gap: 4px;
	color: #b32d2e;
	font-style: normal;
	visibility: hidden;
	vertical-align: middle;
}

.imgedit-save-target {
	margin: 8px 0;
}

.imgedit-save-target legend {
	font-weight: 600;
}

.imgedit-group {
	margin-bottom: 20px;
}

.image-editor .imgedit-original-dimensions {
	display: inline-block;
}

.image-editor .imgedit-scale-controls input[type="text"],
.image-editor .imgedit-crop-ratio input[type="text"],
.image-editor .imgedit-crop-sel input[type="text"],
.image-editor .imgedit-scale-controls input[type="number"],
.image-editor .imgedit-crop-ratio input[type="number"],
.image-editor .imgedit-crop-sel input[type="number"] {
	width: 80px;
	font-size: 14px;
	padding: 0 8px;
}

.imgedit-separator {
	display: inline-block;
	width: 7px;
	text-align: center;
	font-size: 13px;
	color: #3c434a;
}

.image-editor .imgedit-scale-button-wrapper {
	margin-top: 0.3077em;
	display: block;
}

.image-editor .imgedit-scale-controls .button {
	margin-bottom: 0;
}

audio, video {
	display: inline-block;
	max-width: 100%;
}

.wp-core-ui .mejs-container {
	width: 100%;
	max-width: 100%;
}

.wp-core-ui .mejs-container * {
	box-sizing: border-box;
}

.wp-core-ui .mejs-time {
	box-sizing: content-box;
}

/* =Media Queries
-------------------------------------------------------------- */

/**
 * HiDPI Displays
 */
@media print,
  (min-resolution: 120dpi) {
	.imgedit-wait:before {
		background-image: url(../images/spinner-2x.gif);
	}
}

@media screen and (max-width: 782px) {
	.edit-attachment-frame input,
	.edit-attachment-frame textarea {
		line-height: 1.5;
	}

.wp_attachment_details label[for="content"] {
		font-size: 14px;
		line-height: 1.5;
	}

.wp_attachment_details textarea {
		line-height: 1.5;
	}

.wp_attachment_details #attachment_alt {
		height: 3.375em;
	}

.media-upload-form .media-item.error,
	.media-upload-form .media-item .error {
		font-size: 13px;
		line-height: 1.5;
	}

.media-upload-form .media-item.error {
		padding: 1px 10px;
	}

.media-upload-form .media-item .error {
		padding: 10px 12px 10px 0;
	}

.image-editor .imgedit-scale input[type="text"],
	.image-editor .imgedit-crop-ratio input[type="text"],
	.image-editor .imgedit-crop-sel input[type="text"] {
		font-size: 16px;
		padding: 6px 10px;
	}

.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
	.wp_attachment_holder .imgedit-wrap .image-editor {
		float: none;
		width: auto;
		max-width: none;
		padding-bottom: 16px;
	}

.copy-to-clipboard-container .success {
		font-size: 14px;
	}

/* Restructure image editor on narrow viewports. */
	.imgedit-crop-wrap img{
		width: 100%;
	}

.media-modal .imgedit-wrap .imgedit-panel-content,
	.media-modal .imgedit-wrap .image-editor {
		position: initial !important;
	}

.media-modal .imgedit-wrap .image-editor {
		box-sizing: border-box;
		width: 100% !important;
	}

.image-editor .imgedit-scale-button-wrapper {
		display: inline-block;
	}
}

@media only screen and (max-width: 600px) {
	.media-item-wrapper {
		grid-template-columns: 1fr;
	}
}

/**
 * Media queries for media grid.
 */
@media only screen and (max-width: 1120px) {
	/* override for media-views.css */
	#wp-media-grid .wp-filter .attachment-filters {
		max-width: 100%;
	}
}

@media only screen and (max-width: 1000px) {
	/* override for forms.css */
	.wp-filter p.search-box {
		float: none;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		column-gap: 0;
	}

.wp-filter p.search-box #media-search-input {
		width: 100%;
	}

}

@media only screen and (max-width: 782px) {
	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
		top: 46px;
		left: 10px;
	}

.media-frame.mode-grid .media-toolbar select {
		min-height: 40px;
		padding: 0 12px 0 24px;
	}

.media-frame.mode-grid .media-toolbar input[type="search"] {
		min-height: 40px;
		padding: 0 12px;
	}

.wp-filter p.search-box {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 600px) {
	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
		top: 0;
	}
}

@media only screen and (max-width: 480px) {
	.edit-attachment-frame .media-frame-title {
		left: 110px;
	}

.upload-php .media-modal-close,
	.edit-attachment-frame .edit-media-header .left,
	.edit-attachment-frame .edit-media-header .right {
		width: 40px;
		height: 40px;
	}

.edit-attachment-frame .edit-media-header .right:before,
	.edit-attachment-frame .edit-media-header .left:before {
		line-height: 40px !important;
	}

.edit-attachment-frame .edit-media-header .left {
		left: 82px;
	}

.edit-attachment-frame .edit-media-header .right {
		left: 41px;
	}

.edit-attachment-frame .media-frame-content {
		top: 40px;
	}

.edit-attachment-frame .attachment-media-view {
		float: none;
		height: auto;
		width: 100%;
	}

.edit-attachment-frame .attachment-info {
		height: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 640px), screen and (max-height: 400px) {
	.upload-php .mode-grid .media-sidebar{
		max-width: 100%;
	}
}

@media only screen and (max-width: 375px) {
	.media-item .attachment-tools {
		align-items: baseline;
	}
	.media-item .edit-attachment.copy-to-clipboard-container {
		flex-direction: column;
	}

.copy-to-clipboard-container .success {
		line-height: normal;
		margin-top: 10px;
	}
}

Paket Wisata Karimunjawa Terlengkap & Harga Terbaik 2026 https://validator.w3.org/feed/docs/rss2.html Promo Paket Wisata Karimunjawa Info Harga dan Paket Liburan ke Karimunjawa Pulau Karimun Jawa Paket Mancing Karimunjawa Paket Trip Karimunjawa Pelabuhan Karimunjawa Kuliner Khas Karimunjawa Pantai Bobby Karimunjawa Whales: Giants of the Ocean Whales: Giants of the Ocean Taka Sendok Karimunjawa Contact US Informasi Perjalanan Paket Travel Wisata Karimunjawa Rental Mobil Karimunjawa Paket Open Trip Karimunjawa Paket Snorkeling Karimunjawa Sama Sama Homestay Karimunjawa Paket Tour Karimunjawa Jepara Informasi Biaya Liburan ke Karimunjawa Paket Wisata Karimunjawa 4 Hari 3 Malam Oleh Oleh Khas Karimunjawa Promo Open Trip Karimun Jawa Tentang Kami Sunset Karimunjawa Tiket Kapal Karimunjawa Informasi Reservasi Hotel Resort Java Paradise Karimunjawa Taman Nasional Karimunjawa Informasi Harga Paket Wisata Karimunjawa Murah Informasi Jadwal Kapal Pelni Semarang ke Karimunjawa Informasi Jadwal Kapal Karimunjawa Ferry Siginjai Paket Wisata Karimunjawa Rombongan Tiket Kapal Rincian Biaya Wisata Karimunjawa Paket Wisata Karimunjawa 2 Hari 1 Malam Booking Informasi Jadwal Kapal Express Karimunjawa Paket Diving Karimunjawa Informasi Harga Paket Wisata Karimunjawa 3 Hari 2 Malam Harga Paket Travel Karimunjawa Private Trip Karimunjawa Paket Wisata Karimunjawa dari Solo Paket Homestay RGJS Karimunjawa Cara ke Karimunjawa Pantai Sunset Beach Karimunjawa Sitemap Paket Regular Karimunjawa 3 Hari 2 Malam Cuaca Karimun Jawa Karimunjawa Dimana Narayana Resort Karimunjawa Pantai Laendra Karimunjawa