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