equal
deleted
inserted
replaced
|
1 /*! This file is auto-generated */ |
1 /*------------------------------------------------------------------------------ |
2 /*------------------------------------------------------------------------------ |
2 14.0 - Media Screen |
3 14.0 - Media Screen |
3 ------------------------------------------------------------------------------*/ |
4 ------------------------------------------------------------------------------*/ |
4 |
5 |
5 .media-item .describe { |
6 .media-item .describe { |
98 |
99 |
99 .media-item .edit-attachment, |
100 .media-item .edit-attachment, |
100 .describe-toggle-on, |
101 .describe-toggle-on, |
101 .describe-toggle-off { |
102 .describe-toggle-off { |
102 display: block; |
103 display: block; |
103 line-height: 36px; |
104 line-height: 2.76923076; |
104 float: left; |
105 float: left; |
105 margin-left: 10px; |
106 margin-left: 10px; |
106 } |
107 } |
107 |
108 |
108 .media-item .describe-toggle-off, |
109 .media-item .describe-toggle-off, |
130 #media-items:empty { |
131 #media-items:empty { |
131 border: 0 none; |
132 border: 0 none; |
132 } |
133 } |
133 |
134 |
134 .media-item .filename { |
135 .media-item .filename { |
135 line-height: 36px; |
136 line-height: 2.76923076; |
136 overflow: hidden; |
137 overflow: hidden; |
137 margin-right: 6px; |
138 margin-right: 6px; |
138 } |
139 } |
139 |
140 |
140 .media-item .pinkynail { |
141 .media-item .pinkynail { |
237 background: #fcfcfc; |
238 background: #fcfcfc; |
238 border-bottom: 1px solid #ddd; |
239 border-bottom: 1px solid #ddd; |
239 height: 36px; |
240 height: 36px; |
240 font-size: 18px; |
241 font-size: 18px; |
241 font-weight: 600; |
242 font-weight: 600; |
242 line-height: 36px; |
243 line-height: 2; |
243 padding: 0 16px 0 36px; |
244 padding: 0 16px 0 36px; |
244 position: absolute; |
245 position: absolute; |
245 top: 0; |
246 top: 0; |
246 right: 0; |
247 right: 0; |
247 left: 0; |
248 left: 0; |
304 color: #666; |
305 color: #666; |
305 } |
306 } |
306 |
307 |
307 #find-posts-close:hover, |
308 #find-posts-close:hover, |
308 #find-posts-close:focus { |
309 #find-posts-close:focus { |
309 color: #00a0d2; |
310 color: #006799; |
310 } |
311 } |
311 |
312 |
312 #find-posts-close:focus { |
313 #find-posts-close:focus { |
313 box-shadow: |
314 box-shadow: |
314 0 0 0 1px #5b9dd9, |
315 0 0 0 1px #5b9dd9, |
366 opacity: 0.7; |
367 opacity: 0.7; |
367 filter: alpha(opacity=70); |
368 filter: alpha(opacity=70); |
368 z-index: 100100; |
369 z-index: 100100; |
369 } |
370 } |
370 |
371 |
371 ul#dismissed-updates { |
|
372 display: none; |
|
373 } |
|
374 |
|
375 form.upgrade { |
|
376 margin-top: 8px; |
|
377 } |
|
378 |
|
379 form.upgrade .hint { |
|
380 font-style: italic; |
|
381 font-size: 85%; |
|
382 margin: -0.5em 0 2em 0; |
|
383 } |
|
384 |
|
385 #poststuff .inside .the-tagcloud { |
|
386 margin: 5px 0 10px; |
|
387 padding: 8px; |
|
388 border: 1px solid #ddd; |
|
389 line-height: 1.8em; |
|
390 word-spacing: 3px; |
|
391 } |
|
392 |
|
393 .drag-drop #drag-drop-area { |
372 .drag-drop #drag-drop-area { |
394 border: 4px dashed #b4b9be; |
373 border: 4px dashed #b4b9be; |
395 height: 200px; |
374 height: 200px; |
396 } |
375 } |
397 |
376 |
398 .drag-drop .drag-drop-inside { |
377 .drag-drop .drag-drop-inside { |
399 margin: 70px auto 0; |
378 margin: 60px auto 0; |
400 width: 250px; |
379 width: 250px; |
401 } |
380 } |
402 |
381 |
403 .drag-drop-inside p { |
382 .drag-drop-inside p { |
404 color: #a0a5aa; |
|
405 font-size: 14px; |
383 font-size: 14px; |
406 margin: 5px 0; |
384 margin: 5px 0; |
407 display: none; |
385 display: none; |
408 } |
386 } |
409 |
387 |
500 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before, |
478 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before, |
501 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before { |
479 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before { |
502 color: #c00; |
480 color: #c00; |
503 } |
481 } |
504 |
482 |
505 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */ |
|
506 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 { |
483 .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 { |
507 display: none; |
484 display: none; |
508 } |
485 } |
509 |
486 |
510 .media-frame.mode-grid .uploader-inline { |
487 .media-frame.mode-grid .uploader-inline { |
560 height: auto; |
537 height: auto; |
561 } |
538 } |
562 |
539 |
563 .media-frame.mode-grid .media-toolbar select { |
540 .media-frame.mode-grid .media-toolbar select { |
564 margin: 0 0 0 10px; |
541 margin: 0 0 0 10px; |
565 font-size: 14px; |
|
566 } |
542 } |
567 |
543 |
568 .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button { |
544 .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button { |
569 margin: 0 0 0 8px; |
545 margin: 0 0 0 8px; |
570 vertical-align: middle; |
546 vertical-align: middle; |
577 |
553 |
578 .media-frame.mode-grid .search { |
554 .media-frame.mode-grid .search { |
579 margin-top: 0; |
555 margin-top: 0; |
580 } |
556 } |
581 |
557 |
582 .media-frame.mode-grid .spinner { |
558 .media-search-input-label { |
583 margin-top: 16px; |
559 margin: 0 0 0 .2em; |
|
560 vertical-align: baseline; |
|
561 } |
|
562 |
|
563 .media-frame.mode-grid .media-search-input-label { |
|
564 position: static; |
|
565 margin: 0 0 0 .5em; |
584 } |
566 } |
585 |
567 |
586 .attachments-browser .media-toolbar-secondary > .media-button { |
568 .attachments-browser .media-toolbar-secondary > .media-button { |
587 margin-left: 10px; |
569 margin-left: 10px; |
588 } |
570 } |
704 |
686 |
705 .edit-attachment-frame .edit-media-header .right:before { |
687 .edit-attachment-frame .edit-media-header .right:before { |
706 content: "\f341"; |
688 content: "\f341"; |
707 } |
689 } |
708 |
690 |
709 .edit-attachment-frame .edit-media-header .left.disabled, |
691 .edit-attachment-frame .edit-media-header [disabled], |
710 .edit-attachment-frame .edit-media-header .right.disabled, |
692 .edit-attachment-frame .edit-media-header [disabled]:hover { |
711 .edit-attachment-frame .edit-media-header .left.disabled:hover, |
|
712 .edit-attachment-frame .edit-media-header .right.disabled:hover { |
|
713 color: #ccc; |
693 color: #ccc; |
714 background: inherit; |
694 background: inherit; |
715 cursor: default; |
695 cursor: default; |
716 pointer-events: none; |
|
717 } |
696 } |
718 |
697 |
719 .edit-attachment-frame .media-frame-content, |
698 .edit-attachment-frame .media-frame-content, |
720 .edit-attachment-frame .media-frame-router { |
699 .edit-attachment-frame .media-frame-router { |
721 right: 0; |
700 right: 0; |
773 } |
752 } |
774 |
753 |
775 .edit-attachment-frame input, |
754 .edit-attachment-frame input, |
776 .edit-attachment-frame textarea { |
755 .edit-attachment-frame textarea { |
777 padding: 6px 8px; |
756 padding: 6px 8px; |
778 line-height: 16px; |
757 line-height: 1.14285714; |
779 } |
758 } |
780 |
759 |
781 .edit-attachment-frame .attachment-info { |
760 .edit-attachment-frame .attachment-info { |
782 overflow: auto; |
761 overflow: auto; |
783 box-sizing: border-box; |
762 box-sizing: border-box; |
817 .attachment-info .actions a { |
796 .attachment-info .actions a { |
818 display: inline; |
797 display: inline; |
819 text-decoration: none; |
798 text-decoration: none; |
820 } |
799 } |
821 |
800 |
|
801 .copy-to-clipboard-container { |
|
802 display: flex; |
|
803 align-items: center; |
|
804 margin-top: 8px; |
|
805 clear: both; |
|
806 } |
|
807 |
|
808 .copy-to-clipboard-container .success { |
|
809 margin-right: 8px; |
|
810 } |
822 |
811 |
823 /*------------------------------------------------------------------------------ |
812 /*------------------------------------------------------------------------------ |
824 14.2 - Image Editor |
813 14.2 - Image Editor |
825 ------------------------------------------------------------------------------*/ |
814 ------------------------------------------------------------------------------*/ |
826 .wp_attachment_details .attachment-alt-text { |
815 .wp_attachment_details .attachment-alt-text { |
870 .wp_attachment_holder .imgedit-wrap > div { |
859 .wp_attachment_holder .imgedit-wrap > div { |
871 height: auto; |
860 height: auto; |
872 } |
861 } |
873 |
862 |
874 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content { |
863 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content { |
|
864 float: right; |
875 padding: 3px 0 0 16px; |
865 padding: 3px 0 0 16px; |
876 float: right; |
866 min-width: 400px; |
|
867 max-width: calc( 100% - 266px ); |
877 } |
868 } |
878 |
869 |
879 .wp_attachment_holder .imgedit-wrap .imgedit-settings { |
870 .wp_attachment_holder .imgedit-wrap .imgedit-settings { |
880 float: left; |
871 float: left; |
881 width: 250px; |
872 width: 250px; |
939 .A1B1 .spinner { |
930 .A1B1 .spinner { |
940 float: right; |
931 float: right; |
941 } |
932 } |
942 |
933 |
943 .imgedit-menu { |
934 .imgedit-menu { |
944 min-width: 300px; |
|
945 margin: 0 0 12px; |
935 margin: 0 0 12px; |
946 } |
936 } |
947 |
937 |
948 .imgedit-menu .note-no-rotate { |
938 .imgedit-menu .note-no-rotate { |
949 clear: both; |
939 clear: both; |
950 margin: 0; |
940 margin: 0; |
951 padding: 1em 0 0; |
941 padding: 1em 0 0; |
952 } |
942 } |
953 |
943 |
954 .image-editor .imgedit-menu .button { |
944 .image-editor .imgedit-menu .button { |
955 float: right; |
945 display: inline-block; |
956 width: 32px; |
946 width: auto; |
957 height: 32px; |
947 min-height: 28px; |
958 margin: 0 0 0 8px; |
948 font-size: 13px; |
959 padding: 0; |
949 line-height: 2; |
960 background: #f1f1f1; |
950 margin: 0 0 8px 8px; |
|
951 padding: 0 10px; |
|
952 } |
|
953 |
|
954 .imgedit-menu .button:before { |
|
955 font: normal 16px/1 dashicons; |
|
956 margin-left: 8px; |
|
957 speak: none; |
|
958 vertical-align: middle; |
|
959 position: relative; |
|
960 top: -2px; |
961 -webkit-font-smoothing: antialiased; |
961 -webkit-font-smoothing: antialiased; |
962 -moz-osx-font-smoothing: grayscale; |
962 -moz-osx-font-smoothing: grayscale; |
963 line-height: 16px; |
|
964 color: #72777c; |
|
965 } |
|
966 |
|
967 .imgedit-menu .button:before { |
|
968 font: normal 20px/1 dashicons; |
|
969 speak: none; |
|
970 vertical-align: middle; |
|
971 } |
963 } |
972 |
964 |
973 .imgedit-menu .button.disabled { |
965 .imgedit-menu .button.disabled { |
974 border-color: #ccc; |
966 color: #a0a5aa; |
975 background-color: #ddd; |
967 border-color: #ddd; |
976 color: #72777c; |
968 background: #f7f7f7; |
977 filter: alpha(opacity=50); |
969 box-shadow: none; |
978 opacity: 0.5; |
970 text-shadow: 0 1px 0 #fff; |
979 cursor: default; |
971 cursor: default; |
|
972 transform: none; |
980 } |
973 } |
981 |
974 |
982 .imgedit-crop:before { |
975 .imgedit-crop:before { |
983 content: "\f165"; |
976 content: "\f165"; |
984 } |
977 } |
1051 |
1044 |
1052 .imgedit-thumbnail-preview-caption { |
1045 .imgedit-thumbnail-preview-caption { |
1053 display: block; |
1046 display: block; |
1054 } |
1047 } |
1055 |
1048 |
1056 #poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */ |
|
1057 #poststuff .imgedit-group-top h2 { |
1049 #poststuff .imgedit-group-top h2 { |
1058 display: inline-block; |
1050 display: inline-block; |
1059 margin: 0; |
1051 margin: 0; |
1060 padding: 0; |
1052 padding: 0; |
1061 font-size: 14px; |
1053 font-size: 14px; |
1072 padding: .5em 0 0; |
1064 padding: .5em 0 0; |
1073 } |
1065 } |
1074 |
1066 |
1075 .imgedit-help { |
1067 .imgedit-help { |
1076 display: none; |
1068 display: none; |
1077 font-style: italic; |
1069 padding-bottom: 8px; |
|
1070 } |
|
1071 |
|
1072 .imgedit-help.imgedit-restore { |
|
1073 padding-bottom: 0; |
1078 } |
1074 } |
1079 |
1075 |
1080 /* higher specificity than buttons */ |
1076 /* higher specificity than buttons */ |
1081 .image-editor .imgedit-settings .imgedit-help-toggle, |
1077 .image-editor .imgedit-settings .imgedit-help-toggle, |
1082 .image-editor .imgedit-settings .imgedit-help-toggle:hover, |
1078 .image-editor .imgedit-settings .imgedit-help-toggle:hover, |
1129 |
1125 |
1130 .imgedit-save-target { |
1126 .imgedit-save-target { |
1131 margin: 8px 0; |
1127 margin: 8px 0; |
1132 } |
1128 } |
1133 |
1129 |
|
1130 .imgedit-save-target legend { |
|
1131 font-weight: 600; |
|
1132 } |
|
1133 |
1134 .imgedit-group { |
1134 .imgedit-group { |
1135 margin-bottom: 8px; |
1135 margin-bottom: 8px; |
1136 padding: 10px; |
1136 padding: 10px; |
1137 } |
1137 } |
1138 |
1138 |
|
1139 .imgedit-settings .imgedit-original-dimensions { |
|
1140 display: inline-block; |
|
1141 } |
|
1142 |
1139 .imgedit-settings .imgedit-scale input[type="text"], |
1143 .imgedit-settings .imgedit-scale input[type="text"], |
1140 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1144 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1141 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1145 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1142 width: 50px; |
1146 width: 80px; |
1143 font-size: 14px; |
1147 font-size: 14px; |
1144 padding: 5px 8px; |
1148 padding: 0 8px; |
1145 } |
1149 } |
1146 |
1150 |
1147 .imgedit-separator { |
1151 .imgedit-separator { |
1148 display: inline-block; |
1152 display: inline-block; |
1149 width: 7px; |
1153 width: 7px; |
1150 text-align: center; |
1154 text-align: center; |
1151 vertical-align: middle; |
|
1152 font-size: 13px; |
1155 font-size: 13px; |
1153 color: #444; |
1156 color: #444; |
|
1157 } |
|
1158 |
|
1159 .imgedit-settings .imgedit-scale-button-wrapper { |
|
1160 margin-top: 0.3077em; |
|
1161 display: block; |
1154 } |
1162 } |
1155 |
1163 |
1156 .imgedit-settings .imgedit-scale .button { |
1164 .imgedit-settings .imgedit-scale .button { |
1157 margin-bottom: 0; |
1165 margin-bottom: 0; |
1158 } |
1166 } |
1163 } |
1171 } |
1164 |
1172 |
1165 .mejs-container { |
1173 .mejs-container { |
1166 width: 100%; |
1174 width: 100%; |
1167 max-width: 100%; |
1175 max-width: 100%; |
|
1176 } |
|
1177 |
|
1178 .mejs-container .mejs-controls { |
|
1179 box-sizing: border-box; |
1168 } |
1180 } |
1169 |
1181 |
1170 /* =Media Queries |
1182 /* =Media Queries |
1171 -------------------------------------------------------------- */ |
1183 -------------------------------------------------------------- */ |
1172 |
1184 |
1182 } |
1194 } |
1183 |
1195 |
1184 @media screen and (max-width: 782px) { |
1196 @media screen and (max-width: 782px) { |
1185 .wp_attachment_details label[for="content"] { |
1197 .wp_attachment_details label[for="content"] { |
1186 font-size: 14px; |
1198 font-size: 14px; |
1187 line-height: 1.5em; |
1199 line-height: 1.5; |
1188 } |
1200 } |
1189 |
1201 |
1190 .media-upload-form .media-item.error, |
1202 .media-upload-form .media-item.error, |
1191 .media-upload-form .media-item .error { |
1203 .media-upload-form .media-item .error { |
1192 font-size: 13px; |
1204 font-size: 13px; |
1202 } |
1214 } |
1203 |
1215 |
1204 .imgedit-settings .imgedit-scale input[type="text"], |
1216 .imgedit-settings .imgedit-scale input[type="text"], |
1205 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1217 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1206 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1218 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1207 width: 60px; |
|
1208 font-size: 16px; |
1219 font-size: 16px; |
1209 padding: 6px 10px; |
1220 padding: 6px 10px; |
1210 } |
1221 } |
1211 |
1222 |
1212 .imgedit-applyto .imgedit-label { |
1223 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, |
1213 vertical-align: middle; |
1224 .wp_attachment_holder .imgedit-wrap .imgedit-settings { |
|
1225 float: none; |
|
1226 width: auto; |
|
1227 max-width: none; |
|
1228 padding-bottom: 16px; |
|
1229 } |
|
1230 |
|
1231 .copy-to-clipboard-container .success { |
|
1232 font-size: 14px; |
1214 } |
1233 } |
1215 } |
1234 } |
1216 |
1235 |
1217 /** |
1236 /** |
1218 * Media queries for media grid. |
1237 * Media queries for media grid. |
1248 .edit-attachment-frame .edit-media-header .right { |
1267 .edit-attachment-frame .edit-media-header .right { |
1249 width: 40px; |
1268 width: 40px; |
1250 height: 40px; |
1269 height: 40px; |
1251 } |
1270 } |
1252 |
1271 |
1253 .upload-php .media-modal-close .media-modal-icon { |
|
1254 margin: 9px 10px; |
|
1255 } |
|
1256 |
|
1257 .edit-attachment-frame .edit-media-header .right:before, |
1272 .edit-attachment-frame .edit-media-header .right:before, |
1258 .edit-attachment-frame .edit-media-header .left:before { |
1273 .edit-attachment-frame .edit-media-header .left:before { |
1259 line-height: 40px !important; |
1274 line-height: 40px !important; |
1260 } |
1275 } |
1261 |
1276 |