wp/wp-admin/css/media.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
   246 }
   246 }
   247 
   247 
   248 .media-upload-form .media-item.error,
   248 .media-upload-form .media-item.error,
   249 .media-upload-form .media-item .error {
   249 .media-upload-form .media-item .error {
   250 	width: auto;
   250 	width: auto;
   251 	margin: 0 0 1px 0;
   251 	margin: 0 0 1px;
   252 }
   252 }
   253 
   253 
   254 .media-upload-form .media-item .error {
   254 .media-upload-form .media-item .error {
   255 	padding: 10px 0 10px 14px;
   255 	padding: 10px 0 10px 14px;
   256 	min-height: 50px;
   256 	min-height: 50px;
   503 	margin: 12px 0;
   503 	margin: 12px 0;
   504 	padding: 4px 0 0;
   504 	padding: 4px 0 0;
   505 	border: none;
   505 	border: none;
   506 	box-shadow: none;
   506 	box-shadow: none;
   507 	background: none;
   507 	background: none;
   508 }
       
   509 
       
   510 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
       
   511 	top: -10px;
       
   512 	right: -14px;
       
   513 	padding: 10px;
       
   514 }
       
   515 
       
   516 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
       
   517 	content: "\f153";
       
   518 	display: block;
       
   519 	font: normal 16px/1 dashicons;
       
   520 	color: #787c82;
       
   521 }
       
   522 
       
   523 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
       
   524 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
       
   525 	color: #d63638;
       
   526 }
   508 }
   527 
   509 
   528 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
   510 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
   529 	display: none;
   511 	display: none;
   530 }
   512 }
   757 	overflow: auto;
   739 	overflow: auto;
   758 	top: 0;
   740 	top: 0;
   759 	bottom: 0;
   741 	bottom: 0;
   760 	right: 0;
   742 	right: 0;
   761 	left: 0;
   743 	left: 0;
   762 	box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
   744 	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
   763 }
   745 }
   764 
   746 
   765 .edit-attachment-frame .attachment-media-view {
   747 .edit-attachment-frame .attachment-media-view {
   766 	float: left;
   748 	float: left;
   767 	width: 65%;
   749 	width: 65%;
   808 	box-sizing: border-box;
   790 	box-sizing: border-box;
   809 	margin-bottom: 0;
   791 	margin-bottom: 0;
   810 	padding: 12px 16px 0;
   792 	padding: 12px 16px 0;
   811 	width: 35%;
   793 	width: 35%;
   812 	height: 100%;
   794 	height: 100%;
   813 	box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
   795 	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
   814 	border-bottom: 0;
   796 	border-bottom: 0;
   815 	border-left: 1px solid #dcdcde;
   797 	border-left: 1px solid #dcdcde;
   816 	background: #f6f7f7;
   798 	background: #f6f7f7;
   817 }
   799 }
   818 
   800 
  1284 	}
  1266 	}
  1285 
  1267 
  1286 	.copy-to-clipboard-container .success {
  1268 	.copy-to-clipboard-container .success {
  1287 		font-size: 14px;
  1269 		font-size: 14px;
  1288 	}
  1270 	}
       
  1271 
       
  1272 	/* Restructure image editor on narrow viewports. */
       
  1273 	.imgedit-crop-wrap img{
       
  1274 		width: 100%;
       
  1275 	}
       
  1276 
       
  1277 	.media-modal .imgedit-wrap .imgedit-panel-content,
       
  1278 	.media-modal .imgedit-wrap .imgedit-settings {
       
  1279 		position: initial !important;
       
  1280 	}
       
  1281 
       
  1282 	.media-modal .imgedit-wrap .imgedit-settings {
       
  1283 		box-sizing: border-box;
       
  1284 		width: 100% !important;
       
  1285 	}
       
  1286 
       
  1287 	.imgedit-settings .imgedit-scale-button-wrapper {
       
  1288 		display: inline-block;
       
  1289 	}
  1289 }
  1290 }
  1290 
  1291 
  1291 @media only screen and (max-width: 600px) {
  1292 @media only screen and (max-width: 600px) {
  1292 	.media-item-wrapper {
  1293 	.media-item-wrapper {
  1293 		grid-template-columns: 1fr;
  1294 		grid-template-columns: 1fr;