| changeset 9 | 177826044cd9 |
| parent 7 | cf61fcea0001 |
| child 16 | a86126ab1dd4 |
| 8:c7c34916027a | 9:177826044cd9 |
|---|---|
162 line-height: 2em; |
162 line-height: 2em; |
163 padding: 0; |
163 padding: 0; |
164 overflow: hidden; |
164 overflow: hidden; |
165 border-radius: 22px; |
165 border-radius: 22px; |
166 background: #ddd; |
166 background: #ddd; |
167 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); |
167 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
168 } |
168 } |
169 |
169 |
170 .media-item .bar { |
170 .media-item .bar { |
171 z-index: 9; |
171 z-index: 9; |
172 width: 0; |
172 width: 0; |
173 height: 100%; |
173 height: 100%; |
174 margin-top: -22px; |
174 margin-top: -22px; |
175 border-radius: 22px; |
175 border-radius: 22px; |
176 background-color: #0073aa; |
176 background-color: #0073aa; |
177 box-shadow: inset 0 0 2px rgba(0,0,0,0.3); |
177 box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); |
178 } |
178 } |
179 |
179 |
180 .media-item .progress .percent { |
180 .media-item .progress .percent { |
181 z-index: 10; |
181 z-index: 10; |
182 position: relative; |
182 position: relative; |
184 padding: 0; |
184 padding: 0; |
185 color: #fff; |
185 color: #fff; |
186 text-align: center; |
186 text-align: center; |
187 line-height: 22px; |
187 line-height: 22px; |
188 font-weight: 400; |
188 font-weight: 400; |
189 text-shadow: 0 1px 2px rgba(0,0,0,0.2); |
189 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); |
190 } |
190 } |
191 |
191 |
192 .upload-php .fixed .column-parent { |
192 .upload-php .fixed .column-parent { |
193 width: 15%; |
193 width: 15%; |
194 } |
194 } |
209 |
209 |
210 .media-upload-form .media-item .error { |
210 .media-upload-form .media-item .error { |
211 padding: 10px 14px 10px 0; |
211 padding: 10px 14px 10px 0; |
212 } |
212 } |
213 |
213 |
214 .media-item .error-div a.dismiss { |
214 .media-item .error-div button.dismiss { |
215 display: block; |
|
216 float: left; |
215 float: left; |
217 margin: 0 15px 0 10px; |
216 margin: 0 15px 0 10px; |
218 } |
217 } |
219 |
218 |
220 /*------------------------------------------------------------------------------ |
219 /*------------------------------------------------------------------------------ |
221 14.1 - Media Library |
220 14.1 - Media Library |
222 ------------------------------------------------------------------------------*/ |
221 ------------------------------------------------------------------------------*/ |
223 |
222 |
224 .find-box { |
223 .find-box { |
225 background-color: #fff; |
224 background-color: #fff; |
226 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
225 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); |
227 width: 600px; |
226 width: 600px; |
228 overflow: hidden; |
227 overflow: hidden; |
229 margin-right: -300px; |
228 margin-right: -300px; |
230 position: fixed; |
229 position: fixed; |
231 top: 30px; |
230 top: 30px; |
309 #find-posts-close:focus { |
308 #find-posts-close:focus { |
310 color: #00a0d2; |
309 color: #00a0d2; |
311 } |
310 } |
312 |
311 |
313 #find-posts-close:focus { |
312 #find-posts-close:focus { |
314 outline: none; |
|
315 box-shadow: |
313 box-shadow: |
316 0 0 0 1px #5b9dd9, |
314 0 0 0 1px #5b9dd9, |
317 0 0 2px 1px rgba(30, 140, 190, .8); |
315 0 0 2px 1px rgba(30, 140, 190, 0.8); |
316 /* Only visible in Windows High Contrast mode */ |
|
317 outline: 2px solid transparent; |
|
318 outline-offset: -2px; |
|
318 } |
319 } |
319 |
320 |
320 #find-posts-close:before { |
321 #find-posts-close:before { |
321 font: normal 20px/36px dashicons; |
322 font: normal 20px/36px dashicons; |
322 vertical-align: top; |
323 vertical-align: top; |
334 bottom: 0; |
335 bottom: 0; |
335 right: 0; |
336 right: 0; |
336 left: 0; |
337 left: 0; |
337 } |
338 } |
338 |
339 |
339 @media screen and ( max-width: 782px ) { |
340 @media screen and (max-width: 782px) { |
340 .find-box-inside { |
341 .find-box-inside { |
341 bottom: 57px; |
342 bottom: 57px; |
342 } |
343 } |
343 } |
344 } |
344 |
345 |
345 @media screen and ( max-width: 660px ) { |
346 @media screen and (max-width: 660px) { |
346 |
347 |
347 .find-box { |
348 .find-box { |
348 top: 0; |
349 top: 0; |
349 bottom: 0; |
350 bottom: 0; |
350 right: 0; |
351 right: 0; |
459 position: relative; |
460 position: relative; |
460 width: auto; |
461 width: auto; |
461 margin-top: 12px; |
462 margin-top: 12px; |
462 padding: 0 16px; |
463 padding: 0 16px; |
463 border-right: 4px solid #dd3d36; |
464 border-right: 4px solid #dd3d36; |
464 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
465 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
465 background-color: #fff; |
466 background-color: #fff; |
466 } |
467 } |
467 |
468 |
468 .upload-php .mode-grid .hide-sidebar .media-sidebar { |
469 .upload-php .mode-grid .hide-sidebar .media-sidebar { |
469 display: none; |
470 display: none; |
527 .media-frame.mode-grid .selected.attachment:focus, |
528 .media-frame.mode-grid .selected.attachment:focus, |
528 .media-frame.mode-grid .attachment.details:focus { |
529 .media-frame.mode-grid .attachment.details:focus { |
529 box-shadow: |
530 box-shadow: |
530 inset 0 0 2px 3px #f1f1f1, |
531 inset 0 0 2px 3px #f1f1f1, |
531 inset 0 0 0 7px #5b9dd9; |
532 inset 0 0 0 7px #5b9dd9; |
532 outline: none; |
533 /* Only visible in Windows High Contrast mode */ |
534 outline: 2px solid transparent; |
|
535 outline-offset: -6px; |
|
533 } |
536 } |
534 |
537 |
535 .media-frame.mode-grid .selected.attachment { |
538 .media-frame.mode-grid .selected.attachment { |
536 box-shadow: |
539 box-shadow: |
537 inset 0 0 0 5px #f1f1f1, |
540 inset 0 0 0 5px #f1f1f1, |
680 color: #000; |
683 color: #000; |
681 outline: none; |
684 outline: none; |
682 box-shadow: none; |
685 box-shadow: none; |
683 } |
686 } |
684 |
687 |
688 .upload-php .media-modal-close:focus, |
|
689 .edit-attachment-frame .edit-media-header .left:focus, |
|
690 .edit-attachment-frame .edit-media-header .right:focus { |
|
691 /* Only visible in Windows High Contrast mode */ |
|
692 outline: 2px solid transparent; |
|
693 outline-offset: -2px; |
|
694 } |
|
695 |
|
685 .upload-php .media-modal-close:focus .media-modal-icon:before, |
696 .upload-php .media-modal-close:focus .media-modal-icon:before, |
686 .upload-php .media-modal-close:hover .media-modal-icon:before { |
697 .upload-php .media-modal-close:hover .media-modal-icon:before { |
687 color: #000; |
698 color: #000; |
688 } |
699 } |
689 |
700 |
690 .edit-attachment-frame .edit-media-header .left:before, |
701 .edit-attachment-frame .edit-media-header .left:before { |
691 .rtl .edit-attachment-frame .edit-media-header .right:before { |
|
692 content: "\f345"; |
702 content: "\f345"; |
693 } |
703 } |
694 |
704 |
695 .edit-attachment-frame .edit-media-header .right:before, |
705 .edit-attachment-frame .edit-media-header .right:before { |
696 .rtl .edit-attachment-frame .edit-media-header .left:before { |
|
697 content: "\f341"; |
706 content: "\f341"; |
698 } |
707 } |
699 |
708 |
700 .edit-attachment-frame .edit-media-header .left.disabled, |
709 .edit-attachment-frame .edit-media-header .left.disabled, |
701 .edit-attachment-frame .edit-media-header .right.disabled, |
710 .edit-attachment-frame .edit-media-header .right.disabled, |
747 max-height: 90%; |
756 max-height: 90%; |
748 max-height: calc( 100% - 42px ); /* leave space for actions underneath */ |
757 max-height: calc( 100% - 42px ); /* leave space for actions underneath */ |
749 background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); |
758 background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4); |
750 background-position: 100% 0, 10px 10px; |
759 background-position: 100% 0, 10px 10px; |
751 background-size: 20px 20px; |
760 background-size: 20px 20px; |
761 } |
|
762 |
|
763 .edit-attachment-frame .attachment-media-view .details-image.icon { |
|
764 background: none; |
|
752 } |
765 } |
753 |
766 |
754 .edit-attachment-frame .attachment-media-view .attachment-actions { |
767 .edit-attachment-frame .attachment-media-view .attachment-actions { |
755 text-align: center; |
768 text-align: center; |
756 } |
769 } |
808 |
821 |
809 |
822 |
810 /*------------------------------------------------------------------------------ |
823 /*------------------------------------------------------------------------------ |
811 14.2 - Image Editor |
824 14.2 - Image Editor |
812 ------------------------------------------------------------------------------*/ |
825 ------------------------------------------------------------------------------*/ |
826 .wp_attachment_details .attachment-alt-text { |
|
827 margin-bottom: 5px; |
|
828 } |
|
829 |
|
830 .wp_attachment_details .attachment-alt-text-description { |
|
831 margin-top: 5px; |
|
832 } |
|
813 |
833 |
814 .wp_attachment_details label[for="content"] { |
834 .wp_attachment_details label[for="content"] { |
815 font-size: 13px; |
835 font-size: 13px; |
816 line-height: 1.5; |
836 line-height: 1.5; |
817 margin: 1em 0; |
837 margin: 1em 0; |
886 right: 50%; |
906 right: 50%; |
887 top: 50%; |
907 top: 50%; |
888 margin: -10px -10px 0 0; |
908 margin: -10px -10px 0 0; |
889 background: transparent url(../images/spinner.gif) no-repeat center; |
909 background: transparent url(../images/spinner.gif) no-repeat center; |
890 background-size: 20px 20px; |
910 background-size: 20px 20px; |
891 -webkit-transform: translateZ(0); |
|
892 transform: translateZ(0); |
911 transform: translateZ(0); |
893 } |
912 } |
894 |
913 |
895 .no-float { |
914 .no-float { |
896 float: none; |
915 float: none; |
1075 } |
1094 } |
1076 |
1095 |
1077 .image-editor .imgedit-settings .imgedit-help-toggle:focus { |
1096 .image-editor .imgedit-settings .imgedit-help-toggle:focus { |
1078 color: #0074a2; |
1097 color: #0074a2; |
1079 border-color: #5b9dd9; |
1098 border-color: #5b9dd9; |
1080 outline: none; |
1099 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
1081 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
1100 /* Only visible in Windows High Contrast mode */ |
1101 outline: 2px solid transparent; |
|
1082 } |
1102 } |
1083 |
1103 |
1084 .form-table td.imgedit-response { |
1104 .form-table td.imgedit-response { |
1085 padding: 0; |
1105 padding: 0; |
1086 } |
1106 } |
1159 .imgedit-wait:before { |
1179 .imgedit-wait:before { |
1160 background-image: url(../images/spinner-2x.gif); |
1180 background-image: url(../images/spinner-2x.gif); |
1161 } |
1181 } |
1162 } |
1182 } |
1163 |
1183 |
1164 @media screen and ( max-width: 782px ) { |
1184 @media screen and (max-width: 782px) { |
1165 .wp_attachment_details label[for="content"] { |
1185 .wp_attachment_details label[for="content"] { |
1166 font-size: 14px; |
1186 font-size: 14px; |
1167 line-height: 1.5em; |
1187 line-height: 1.5em; |
1168 } |
1188 } |
1169 |
1189 |
1203 #wp-media-grid .wp-filter .attachment-filters { |
1223 #wp-media-grid .wp-filter .attachment-filters { |
1204 max-width: 100%; |
1224 max-width: 100%; |
1205 } |
1225 } |
1206 } |
1226 } |
1207 |
1227 |
1208 @media only screen and ( max-width: 782px ) { |
1228 @media only screen and (max-width: 782px) { |
1209 .media-frame.mode-select .attachments-browser.fixed .media-toolbar { |
1229 .media-frame.mode-select .attachments-browser.fixed .media-toolbar { |
1210 top: 46px; |
1230 top: 46px; |
1211 left: 10px; |
1231 left: 10px; |
1212 } |
1232 } |
1213 } |
1233 } |