| changeset 21 | 48c4eec2b7e6 |
| parent 19 | 3d72ae0968f4 |
| child 22 | 8c2e4d02f4ef |
| 20:7b1b88e27a20 | 21:48c4eec2b7e6 |
|---|---|
111 line-height: 2.76923076; |
111 line-height: 2.76923076; |
112 float: left; |
112 float: left; |
113 margin-left: 10px; |
113 margin-left: 10px; |
114 } |
114 } |
115 |
115 |
116 .media-item-wrapper { |
|
117 display: grid; |
|
118 grid-template-columns: 1fr 1fr; |
|
119 } |
|
120 |
|
121 .media-item .attachment-tools { |
116 .media-item .attachment-tools { |
122 display: flex; |
117 display: flex; |
123 justify-content: flex-end; |
|
124 align-items: center; |
118 align-items: center; |
125 } |
119 } |
126 |
120 |
127 .media-item .edit-attachment { |
121 .media-item .edit-attachment { |
128 padding: 14px 0; |
122 padding: 14px 0; |
129 display: block; |
123 display: block; |
130 margin-left: 10px; |
124 margin-left: 10px; |
131 } |
125 } |
132 |
126 |
133 .media-item .edit-attachment.copy-to-clipboard-container { |
127 .media-item .edit-attachment.copy-to-clipboard-container { |
128 display: flex; |
|
134 margin-top: 0; |
129 margin-top: 0; |
135 } |
130 } |
136 |
131 |
137 .media-item-copy-container .success { |
132 .media-item-copy-container .success { |
138 line-height: 0; |
133 line-height: 0; |
188 .media-item .startopen, |
183 .media-item .startopen, |
189 .media-item .startclosed { |
184 .media-item .startclosed { |
190 display: none; |
185 display: none; |
191 } |
186 } |
192 |
187 |
193 .media-item .original { |
|
194 position: relative; |
|
195 height: 34px; |
|
196 } |
|
197 |
|
198 .media-item .progress { |
188 .media-item .progress { |
199 float: left; |
189 display: inline-block; |
200 height: 22px; |
190 height: 22px; |
201 margin: 7px 6px; |
191 margin: 0 6px 7px; |
202 width: 200px; |
192 width: 200px; |
203 line-height: 2em; |
193 line-height: 2em; |
204 padding: 0; |
194 padding: 0; |
205 overflow: hidden; |
195 overflow: hidden; |
206 border-radius: 22px; |
196 border-radius: 22px; |
354 #find-posts-close:focus { |
344 #find-posts-close:focus { |
355 color: #135e96; |
345 color: #135e96; |
356 } |
346 } |
357 |
347 |
358 #find-posts-close:focus { |
348 #find-posts-close:focus { |
359 box-shadow: |
349 box-shadow: 0 0 0 2px #2271b1; |
360 0 0 0 1px #4f94d4, |
|
361 0 0 2px 1px rgba(79, 148, 212, 0.8); |
|
362 /* Only visible in Windows High Contrast mode */ |
350 /* Only visible in Windows High Contrast mode */ |
363 outline: 2px solid transparent; |
351 outline: 2px solid transparent; |
364 outline-offset: -2px; |
352 outline-offset: -2px; |
365 } |
353 } |
366 |
354 |
454 |
442 |
455 #plupload-upload-ui { |
443 #plupload-upload-ui { |
456 position: relative; |
444 position: relative; |
457 } |
445 } |
458 |
446 |
447 .post-type-attachment .wp-filter select { |
|
448 margin: 0 0 0 6px; |
|
449 } |
|
450 |
|
459 /** |
451 /** |
460 * Media Library grid view |
452 * Media Library grid view |
461 */ |
453 */ |
462 |
454 |
463 .media-frame.mode-grid, |
455 .media-frame.mode-grid, |
531 } |
523 } |
532 |
524 |
533 .media-frame.mode-grid .attachment:focus, |
525 .media-frame.mode-grid .attachment:focus, |
534 .media-frame.mode-grid .selected.attachment:focus, |
526 .media-frame.mode-grid .selected.attachment:focus, |
535 .media-frame.mode-grid .attachment.details:focus { |
527 .media-frame.mode-grid .attachment.details:focus { |
536 box-shadow: |
528 box-shadow: inset 0 0 0 2px #2271b1; |
537 inset 0 0 2px 3px #f0f0f1, |
|
538 inset 0 0 0 7px #4f94d4; |
|
539 /* Only visible in Windows High Contrast mode */ |
529 /* Only visible in Windows High Contrast mode */ |
540 outline: 2px solid transparent; |
530 outline: 2px solid transparent; |
541 outline-offset: -6px; |
531 outline-offset: -6px; |
542 } |
532 } |
543 |
533 |
582 |
572 |
583 .media-frame.mode-grid .search { |
573 .media-frame.mode-grid .search { |
584 margin-top: 0; |
574 margin-top: 0; |
585 } |
575 } |
586 |
576 |
587 .media-search-input-label { |
577 .media-frame-content .media-search-input-label { |
588 margin: 0 0 0 .2em; |
|
589 vertical-align: baseline; |
578 vertical-align: baseline; |
590 } |
|
591 |
|
592 .media-frame.mode-grid .media-search-input-label { |
|
593 position: static; |
|
594 margin: 0 0 0 .5em; |
|
595 } |
579 } |
596 |
580 |
597 .attachments-browser .media-toolbar-secondary > .media-button { |
581 .attachments-browser .media-toolbar-secondary > .media-button { |
598 margin-left: 10px; |
582 margin-left: 10px; |
599 } |
583 } |
780 margin-bottom: 12px; |
764 margin-bottom: 12px; |
781 } |
765 } |
782 |
766 |
783 .edit-attachment-frame input, |
767 .edit-attachment-frame input, |
784 .edit-attachment-frame textarea { |
768 .edit-attachment-frame textarea { |
785 padding: 6px 8px; |
769 padding: 4px 8px; |
786 line-height: 1.14285714; |
770 line-height: 1.42857143; |
787 } |
771 } |
788 |
772 |
789 .edit-attachment-frame .attachment-info { |
773 .edit-attachment-frame .attachment-info { |
790 overflow: auto; |
774 overflow: auto; |
791 box-sizing: border-box; |
775 box-sizing: border-box; |
837 .copy-to-clipboard-container .copy-attachment-url { |
821 .copy-to-clipboard-container .copy-attachment-url { |
838 white-space: normal; |
822 white-space: normal; |
839 } |
823 } |
840 |
824 |
841 .copy-to-clipboard-container .success { |
825 .copy-to-clipboard-container .success { |
842 color: #008a20; |
826 color: #007017; |
843 margin-right: 8px; |
827 margin-right: 8px; |
844 } |
828 } |
845 |
829 |
846 /*------------------------------------------------------------------------------ |
830 /*------------------------------------------------------------------------------ |
847 14.2 - Image Editor |
831 14.2 - Image Editor |
848 ------------------------------------------------------------------------------*/ |
832 ------------------------------------------------------------------------------*/ |
849 .wp_attachment_details .attachment-alt-text { |
833 .wp_attachment_details .attachment-alt-text { |
850 margin-bottom: 5px; |
834 margin-bottom: 5px; |
851 } |
835 } |
852 |
836 |
837 .wp_attachment_details #attachment_alt { |
|
838 max-width: 500px; |
|
839 height: 3.28571428em; |
|
840 } |
|
841 |
|
853 .wp_attachment_details .attachment-alt-text-description { |
842 .wp_attachment_details .attachment-alt-text-description { |
854 margin-top: 5px; |
843 margin-top: 5px; |
855 } |
844 } |
856 |
845 |
857 .wp_attachment_details label[for="content"] { |
846 .wp_attachment_details label[for="content"] { |
871 .imgedit-wrap { |
860 .imgedit-wrap { |
872 position: relative; |
861 position: relative; |
873 padding-top: 10px; |
862 padding-top: 10px; |
874 } |
863 } |
875 |
864 |
876 .imgedit-settings p, |
865 .image-editor p, |
877 .imgedit-settings fieldset { |
866 .image-editor fieldset { |
878 margin: 8px 0; |
867 margin: 8px 0; |
879 } |
868 } |
880 |
869 |
881 .imgedit-settings legend { |
870 .image-editor legend { |
882 margin-bottom: 5px; |
871 margin-bottom: 5px; |
883 } |
872 } |
884 |
873 |
885 .describe .imgedit-wrap .imgedit-settings { |
874 .describe .imgedit-wrap .image-editor { |
886 padding: 0 5px; |
875 padding: 0 5px; |
887 } |
876 } |
888 |
877 |
889 .wp_attachment_holder div.updated { |
878 .wp_attachment_holder div.updated { |
890 margin-top: 0; |
879 margin-top: 0; |
892 |
881 |
893 .wp_attachment_holder .imgedit-wrap > div { |
882 .wp_attachment_holder .imgedit-wrap > div { |
894 height: auto; |
883 height: auto; |
895 } |
884 } |
896 |
885 |
897 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content { |
886 .imgedit-panel-content { |
898 float: right; |
887 display: flex; |
899 padding: 3px 0 0 16px; |
888 flex-wrap: wrap; |
900 min-width: 400px; |
889 gap: 20px; |
901 max-width: calc( 100% - 266px ); |
890 margin-bottom: 20px; |
902 } |
891 } |
903 |
892 |
904 .wp_attachment_holder .imgedit-wrap .imgedit-settings { |
893 .imgedit-settings { |
894 max-width: 240px; /* Prevent reflow when help info is expanded. */ |
|
895 } |
|
896 |
|
897 .imgedit-group-controls > * { |
|
898 display: none; |
|
899 } |
|
900 |
|
901 .imgedit-panel-active .imgedit-group-controls > * { |
|
902 display: block; |
|
903 } |
|
904 |
|
905 .wp_attachment_holder .imgedit-wrap .image-editor { |
|
905 float: left; |
906 float: left; |
906 width: 250px; |
907 width: 250px; |
907 } |
908 } |
908 |
909 |
909 .imgedit-settings input { |
910 .image-editor input { |
910 margin-top: 0; |
911 margin-top: 0; |
911 vertical-align: middle; |
912 vertical-align: middle; |
912 } |
913 } |
913 |
914 |
914 .imgedit-wait { |
915 .imgedit-wait { |
939 .no-float { |
940 .no-float { |
940 float: none; |
941 float: none; |
941 } |
942 } |
942 |
943 |
943 .media-disabled, |
944 .media-disabled, |
944 .imgedit-settings .disabled { |
945 .image-editor .disabled { |
945 /* WCAG 1.4.3 Text or images of text that are part of an inactive user |
946 /* WCAG 1.4.3 Text or images of text that are part of an inactive user |
946 interface component ... have no contrast requirement. */ |
947 interface component ... have no contrast requirement. */ |
947 color: #a7aaad; |
948 color: #a7aaad; |
948 } |
949 } |
949 |
950 |
961 } |
962 } |
962 |
963 |
963 .wp_attachment_image .spinner, |
964 .wp_attachment_image .spinner, |
964 .A1B1 .spinner { |
965 .A1B1 .spinner { |
965 float: right; |
966 float: right; |
966 } |
|
967 |
|
968 .imgedit-menu { |
|
969 margin: 0 0 12px; |
|
970 } |
967 } |
971 |
968 |
972 .imgedit-menu .note-no-rotate { |
969 .imgedit-menu .note-no-rotate { |
973 clear: both; |
970 clear: both; |
974 margin: 0; |
971 margin: 0; |
979 display: inline-block; |
976 display: inline-block; |
980 width: auto; |
977 width: auto; |
981 min-height: 28px; |
978 min-height: 28px; |
982 font-size: 13px; |
979 font-size: 13px; |
983 line-height: 2; |
980 line-height: 2; |
984 margin: 0 0 8px 8px; |
|
985 padding: 0 10px; |
981 padding: 0 10px; |
986 } |
982 } |
987 |
983 |
984 .imgedit-menu .button:after, |
|
988 .imgedit-menu .button:before { |
985 .imgedit-menu .button:before { |
989 font: normal 16px/1 dashicons; |
986 font: normal 16px/1 dashicons; |
990 margin-left: 8px; |
987 margin-left: 8px; |
991 speak: never; |
988 speak: never; |
992 vertical-align: middle; |
989 vertical-align: middle; |
994 top: -2px; |
991 top: -2px; |
995 -webkit-font-smoothing: antialiased; |
992 -webkit-font-smoothing: antialiased; |
996 -moz-osx-font-smoothing: grayscale; |
993 -moz-osx-font-smoothing: grayscale; |
997 } |
994 } |
998 |
995 |
996 .imgedit-menu .imgedit-rotate.button:after { |
|
997 content: '\f140'; |
|
998 margin-right: 2px; |
|
999 margin-left: 0; |
|
1000 } |
|
1001 |
|
1002 .imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after { |
|
1003 content: '\f142'; |
|
1004 } |
|
1005 |
|
999 .imgedit-menu .button.disabled { |
1006 .imgedit-menu .button.disabled { |
1000 color: #a7aaad; |
1007 color: #a7aaad; |
1001 border-color: #dcdcde; |
1008 border-color: #dcdcde; |
1002 background: #f6f7f7; |
1009 background: #f6f7f7; |
1003 box-shadow: none; |
1010 box-shadow: none; |
1008 |
1015 |
1009 .imgedit-crop:before { |
1016 .imgedit-crop:before { |
1010 content: "\f165"; |
1017 content: "\f165"; |
1011 } |
1018 } |
1012 |
1019 |
1013 .imgedit-rleft:before { |
1020 .imgedit-scale:before { |
1014 content: "\f166"; |
1021 content: "\f211"; |
1015 } |
1022 } |
1016 |
1023 |
1017 .imgedit-rright:before { |
1024 .imgedit-rotate:before { |
1018 content: "\f167"; |
1025 content: "\f167"; |
1019 } |
|
1020 |
|
1021 .imgedit-flipv:before { |
|
1022 content: "\f168"; |
|
1023 } |
|
1024 |
|
1025 .imgedit-fliph:before { |
|
1026 content: "\f169"; |
|
1027 } |
1026 } |
1028 |
1027 |
1029 .imgedit-undo:before { |
1028 .imgedit-undo:before { |
1030 content: "\f171"; |
1029 content: "\f171"; |
1031 } |
1030 } |
1042 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); |
1041 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); |
1043 background-position: 100% 0, 10px 10px; |
1042 background-position: 100% 0, 10px 10px; |
1044 background-size: 20px 20px; |
1043 background-size: 20px 20px; |
1045 } |
1044 } |
1046 |
1045 |
1046 .imgedit-crop-wrap { |
|
1047 padding: 20px; |
|
1048 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); |
|
1049 background-position: 100% 0, 10px 10px; |
|
1050 background-size: 20px 20px; |
|
1051 } |
|
1052 |
|
1053 |
|
1047 .imgedit-crop { |
1054 .imgedit-crop { |
1048 margin: 0 0 0 8px; |
1055 margin: 0 0 0 8px; |
1049 } |
1056 } |
1050 |
1057 |
1051 .imgedit-rleft { |
1058 .imgedit-rotate { |
1052 margin: 0 3px; |
|
1053 } |
|
1054 |
|
1055 .imgedit-rright { |
|
1056 margin: 0 3px 0 8px; |
|
1057 } |
|
1058 |
|
1059 .imgedit-flipv { |
|
1060 margin: 0 3px; |
|
1061 } |
|
1062 |
|
1063 .imgedit-fliph { |
|
1064 margin: 0 3px 0 8px; |
1059 margin: 0 3px 0 8px; |
1065 } |
1060 } |
1066 |
1061 |
1067 .imgedit-undo { |
1062 .imgedit-undo { |
1068 margin: 0 3px; |
1063 margin: 0 3px; |
1069 } |
1064 } |
1070 |
1065 |
1071 .imgedit-redo { |
1066 .imgedit-redo { |
1072 margin: 0 3px 0 8px; |
1067 margin: 0 3px 0 8px; |
1068 } |
|
1069 |
|
1070 .imgedit-thumbnail-preview-group { |
|
1071 display: flex; |
|
1072 flex-wrap: wrap; |
|
1073 column-gap: 10px; |
|
1073 } |
1074 } |
1074 |
1075 |
1075 .imgedit-thumbnail-preview { |
1076 .imgedit-thumbnail-preview { |
1076 margin: 10px 0 0 8px; |
1077 margin: 10px 0 0 8px; |
1077 } |
1078 } |
1096 .imgedit-applyto .imgedit-label { |
1097 .imgedit-applyto .imgedit-label { |
1097 display: block; |
1098 display: block; |
1098 padding: .5em 0 0; |
1099 padding: .5em 0 0; |
1099 } |
1100 } |
1100 |
1101 |
1102 .imgedit-popup-menu, |
|
1101 .imgedit-help { |
1103 .imgedit-help { |
1102 display: none; |
1104 display: none; |
1103 padding-bottom: 8px; |
1105 padding-bottom: 8px; |
1106 } |
|
1107 |
|
1108 .imgedit-panel-tools > .imgedit-menu { |
|
1109 display: flex; |
|
1110 column-gap: 4px; |
|
1111 align-items: flex-start; |
|
1112 flex-wrap: wrap; |
|
1113 } |
|
1114 |
|
1115 .imgedit-popup-menu { |
|
1116 width: calc( 100% - 20px ); |
|
1117 position: absolute; |
|
1118 background: #fff; |
|
1119 padding: 10px; |
|
1120 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); |
|
1121 } |
|
1122 |
|
1123 .image-editor .imgedit-menu .imgedit-popup-menu button { |
|
1124 display: block; |
|
1125 margin: 2px 0; |
|
1126 width: 100%; |
|
1127 white-space: break-spaces; |
|
1128 line-height: 1.5; |
|
1129 padding-top: 3px; |
|
1130 padding-bottom: 2px; |
|
1131 } |
|
1132 |
|
1133 .imgedit-rotate-menu-container { |
|
1134 position: relative; |
|
1104 } |
1135 } |
1105 |
1136 |
1106 .imgedit-help.imgedit-restore { |
1137 .imgedit-help.imgedit-restore { |
1107 padding-bottom: 0; |
1138 padding-bottom: 0; |
1108 } |
1139 } |
1123 box-shadow: none; |
1154 box-shadow: none; |
1124 } |
1155 } |
1125 |
1156 |
1126 .image-editor .imgedit-settings .imgedit-help-toggle:focus { |
1157 .image-editor .imgedit-settings .imgedit-help-toggle:focus { |
1127 color: #2271b1; |
1158 color: #2271b1; |
1128 border-color: #4f94d4; |
1159 border-color: #2271b1; |
1129 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
1160 box-shadow: 0 0 0 1px #2271b1; |
1130 /* Only visible in Windows High Contrast mode */ |
1161 /* Only visible in Windows High Contrast mode */ |
1131 outline: 2px solid transparent; |
1162 outline: 2px solid transparent; |
1132 } |
1163 } |
1133 |
1164 |
1134 .form-table td.imgedit-response { |
1165 .form-table td.imgedit-response { |
1135 padding: 0; |
1166 padding: 0; |
1136 } |
|
1137 |
|
1138 .imgedit-submit { |
|
1139 margin: 8px 0 0; |
|
1140 } |
1167 } |
1141 |
1168 |
1142 .imgedit-submit-btn { |
1169 .imgedit-submit-btn { |
1143 margin-right: 20px; |
1170 margin-right: 20px; |
1144 } |
1171 } |
1148 font-size: 12px; |
1175 font-size: 12px; |
1149 line-height: inherit; |
1176 line-height: inherit; |
1150 } |
1177 } |
1151 |
1178 |
1152 span.imgedit-scale-warn { |
1179 span.imgedit-scale-warn { |
1153 color: #d63638; |
1180 display: flex; |
1154 font-size: 20px; |
1181 align-items: center; |
1182 margin: 4px; |
|
1183 gap: 4px; |
|
1184 color: #b32d2e; |
|
1155 font-style: normal; |
1185 font-style: normal; |
1156 visibility: hidden; |
1186 visibility: hidden; |
1157 vertical-align: middle; |
1187 vertical-align: middle; |
1158 } |
1188 } |
1159 |
1189 |
1164 .imgedit-save-target legend { |
1194 .imgedit-save-target legend { |
1165 font-weight: 600; |
1195 font-weight: 600; |
1166 } |
1196 } |
1167 |
1197 |
1168 .imgedit-group { |
1198 .imgedit-group { |
1169 margin-bottom: 8px; |
1199 margin-bottom: 20px; |
1170 padding: 10px; |
1200 } |
1171 } |
1201 |
1172 |
1202 .image-editor .imgedit-original-dimensions { |
1173 .imgedit-settings .imgedit-original-dimensions { |
|
1174 display: inline-block; |
1203 display: inline-block; |
1175 } |
1204 } |
1176 |
1205 |
1177 .imgedit-settings .imgedit-scale input[type="text"], |
1206 .image-editor .imgedit-scale-controls input[type="text"], |
1178 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1207 .image-editor .imgedit-crop-ratio input[type="text"], |
1179 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1208 .image-editor .imgedit-crop-sel input[type="text"], |
1209 .image-editor .imgedit-scale-controls input[type="number"], |
|
1210 .image-editor .imgedit-crop-ratio input[type="number"], |
|
1211 .image-editor .imgedit-crop-sel input[type="number"] { |
|
1180 width: 80px; |
1212 width: 80px; |
1181 font-size: 14px; |
1213 font-size: 14px; |
1182 padding: 0 8px; |
1214 padding: 0 8px; |
1183 } |
1215 } |
1184 |
1216 |
1188 text-align: center; |
1220 text-align: center; |
1189 font-size: 13px; |
1221 font-size: 13px; |
1190 color: #3c434a; |
1222 color: #3c434a; |
1191 } |
1223 } |
1192 |
1224 |
1193 .imgedit-settings .imgedit-scale-button-wrapper { |
1225 .image-editor .imgedit-scale-button-wrapper { |
1194 margin-top: 0.3077em; |
1226 margin-top: 0.3077em; |
1195 display: block; |
1227 display: block; |
1196 } |
1228 } |
1197 |
1229 |
1198 .imgedit-settings .imgedit-scale .button { |
1230 .image-editor .imgedit-scale-controls .button { |
1199 margin-bottom: 0; |
1231 margin-bottom: 0; |
1200 } |
1232 } |
1201 |
1233 |
1202 audio, video { |
1234 audio, video { |
1203 display: inline-block; |
1235 display: inline-block; |
1222 |
1254 |
1223 /** |
1255 /** |
1224 * HiDPI Displays |
1256 * HiDPI Displays |
1225 */ |
1257 */ |
1226 @media print, |
1258 @media print, |
1227 (-webkit-min-device-pixel-ratio: 1.25), |
|
1228 (min-resolution: 120dpi) { |
1259 (min-resolution: 120dpi) { |
1229 .imgedit-wait:before { |
1260 .imgedit-wait:before { |
1230 background-image: url(../images/spinner-2x.gif); |
1261 background-image: url(../images/spinner-2x.gif); |
1231 } |
1262 } |
1232 } |
1263 } |
1233 |
1264 |
1234 @media screen and (max-width: 782px) { |
1265 @media screen and (max-width: 782px) { |
1266 .edit-attachment-frame input, |
|
1267 .edit-attachment-frame textarea { |
|
1268 line-height: 1.5; |
|
1269 } |
|
1270 |
|
1235 .wp_attachment_details label[for="content"] { |
1271 .wp_attachment_details label[for="content"] { |
1236 font-size: 14px; |
1272 font-size: 14px; |
1237 line-height: 1.5; |
1273 line-height: 1.5; |
1274 } |
|
1275 |
|
1276 .wp_attachment_details textarea { |
|
1277 line-height: 1.5; |
|
1278 } |
|
1279 |
|
1280 .wp_attachment_details #attachment_alt { |
|
1281 height: 3.375em; |
|
1238 } |
1282 } |
1239 |
1283 |
1240 .media-upload-form .media-item.error, |
1284 .media-upload-form .media-item.error, |
1241 .media-upload-form .media-item .error { |
1285 .media-upload-form .media-item .error { |
1242 font-size: 13px; |
1286 font-size: 13px; |
1249 |
1293 |
1250 .media-upload-form .media-item .error { |
1294 .media-upload-form .media-item .error { |
1251 padding: 10px 12px 10px 0; |
1295 padding: 10px 12px 10px 0; |
1252 } |
1296 } |
1253 |
1297 |
1254 .imgedit-settings .imgedit-scale input[type="text"], |
1298 .image-editor .imgedit-scale input[type="text"], |
1255 .imgedit-settings .imgedit-crop-ratio input[type="text"], |
1299 .image-editor .imgedit-crop-ratio input[type="text"], |
1256 .imgedit-settings .imgedit-crop-sel input[type="text"] { |
1300 .image-editor .imgedit-crop-sel input[type="text"] { |
1257 font-size: 16px; |
1301 font-size: 16px; |
1258 padding: 6px 10px; |
1302 padding: 6px 10px; |
1259 } |
1303 } |
1260 |
1304 |
1261 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, |
1305 .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, |
1262 .wp_attachment_holder .imgedit-wrap .imgedit-settings { |
1306 .wp_attachment_holder .imgedit-wrap .image-editor { |
1263 float: none; |
1307 float: none; |
1264 width: auto; |
1308 width: auto; |
1265 max-width: none; |
1309 max-width: none; |
1266 padding-bottom: 16px; |
1310 padding-bottom: 16px; |
1267 } |
1311 } |
1274 .imgedit-crop-wrap img{ |
1318 .imgedit-crop-wrap img{ |
1275 width: 100%; |
1319 width: 100%; |
1276 } |
1320 } |
1277 |
1321 |
1278 .media-modal .imgedit-wrap .imgedit-panel-content, |
1322 .media-modal .imgedit-wrap .imgedit-panel-content, |
1279 .media-modal .imgedit-wrap .imgedit-settings { |
1323 .media-modal .imgedit-wrap .image-editor { |
1280 position: initial !important; |
1324 position: initial !important; |
1281 } |
1325 } |
1282 |
1326 |
1283 .media-modal .imgedit-wrap .imgedit-settings { |
1327 .media-modal .imgedit-wrap .image-editor { |
1284 box-sizing: border-box; |
1328 box-sizing: border-box; |
1285 width: 100% !important; |
1329 width: 100% !important; |
1286 } |
1330 } |
1287 |
1331 |
1288 .imgedit-settings .imgedit-scale-button-wrapper { |
1332 .image-editor .imgedit-scale-button-wrapper { |
1289 display: inline-block; |
1333 display: inline-block; |
1290 } |
1334 } |
1291 } |
1335 } |
1292 |
1336 |
1293 @media only screen and (max-width: 600px) { |
1337 @media only screen and (max-width: 600px) { |
1297 } |
1341 } |
1298 |
1342 |
1299 /** |
1343 /** |
1300 * Media queries for media grid. |
1344 * Media queries for media grid. |
1301 */ |
1345 */ |
1302 |
|
1303 @media only screen and (max-width: 1120px) { |
1346 @media only screen and (max-width: 1120px) { |
1304 /* override for media-views.css */ |
1347 /* override for media-views.css */ |
1305 #wp-media-grid .wp-filter .attachment-filters { |
1348 #wp-media-grid .wp-filter .attachment-filters { |
1306 max-width: 100%; |
1349 max-width: 100%; |
1307 } |
1350 } |
1351 } |
|
1352 |
|
1353 @media only screen and (max-width: 1000px) { |
|
1354 /* override for forms.css */ |
|
1355 .wp-filter p.search-box { |
|
1356 float: none; |
|
1357 width: 100%; |
|
1358 margin-bottom: 20px; |
|
1359 display: flex; |
|
1360 flex-wrap: nowrap; |
|
1361 column-gap: 0; |
|
1362 } |
|
1363 |
|
1364 .wp-filter p.search-box #media-search-input { |
|
1365 width: 100%; |
|
1366 } |
|
1367 |
|
1308 } |
1368 } |
1309 |
1369 |
1310 @media only screen and (max-width: 782px) { |
1370 @media only screen and (max-width: 782px) { |
1311 .media-frame.mode-select .attachments-browser.fixed .media-toolbar { |
1371 .media-frame.mode-select .attachments-browser.fixed .media-toolbar { |
1312 top: 46px; |
1372 top: 46px; |
1364 @media only screen and (max-width: 640px), screen and (max-height: 400px) { |
1424 @media only screen and (max-width: 640px), screen and (max-height: 400px) { |
1365 .upload-php .mode-grid .media-sidebar{ |
1425 .upload-php .mode-grid .media-sidebar{ |
1366 max-width: 100%; |
1426 max-width: 100%; |
1367 } |
1427 } |
1368 } |
1428 } |
1429 |
|
1430 @media only screen and (max-width: 375px) { |
|
1431 .media-item .attachment-tools { |
|
1432 align-items: baseline; |
|
1433 } |
|
1434 .media-item .edit-attachment.copy-to-clipboard-container { |
|
1435 flex-direction: column; |
|
1436 } |
|
1437 |
|
1438 .copy-to-clipboard-container .success { |
|
1439 line-height: normal; |
|
1440 margin-top: 10px; |
|
1441 } |
|
1442 } |