PluginProbe
Advanced Custom Fields (ACF®) / 4.1.2
Advanced Custom Fields (ACF®) v4.1.2
6.8.9 6.8.8 6.8.7 6.8.6 6.8.5 6.8.4 6.8.3 6.8.2 6.8.1 5.8.5 5.8.6 5.8.7 5.8.8 5.8.9 5.9.0 5.9.1 5.9.2 5.9.3 5.9.4 5.9.5 5.9.6 5.9.7 5.9.8 5.9.9 6.0.0 All 230 releases
advanced-custom-fields / css / input.css

input.css in Advanced Custom Fields (ACF®) 4.1.2, at css/input.css

985 lines 18.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*---------------------------------------------------------------------------------------------
2 *
3 * Post Box
4 *
5 *---------------------------------------------------------------------------------------------*/
6
7 #poststuff .acf_postbox {
8 display: block;
9 }
10
11 #poststuff .acf_postbox.acf-hidden {
12 display: none !important;
13 }
14
15 #poststuff .acf_postbox .widefat th,
16 #poststuff .acf_postbox .widefat td {
17 overflow: visible;
18
19 }
20
21 #poststuff .acf_postbox .inside {
22 margin: 0;
23 padding: 0;
24 }
25
26 #poststuff .acf_postbox.no_box {
27 border: 0 none;
28 background: transparent;
29 }
30
31 #poststuff .acf_postbox.no_box > h3,
32 #poststuff .acf_postbox.no_box > .handlediv {
33 display: none;
34 }
35
36
37 /*---------------------------------------------------------------------------------------------
38 *
39 * Field
40 *
41 *---------------------------------------------------------------------------------------------*/
42
43 .acf_postbox .field {
44 position: relative;
45 padding: 15px 10px;
46 border-bottom: #e8e8e8 solid 1px;
47 }
48
49 .acf_postbox .field:last-child {
50 border-bottom: none;
51 }
52
53 .acf_postbox.no_box .field {
54 border-top: 0 none;
55 border-bottom: 0 none;
56 padding-left: 0;
57 padding-right: 0;
58 }
59
60
61 /* Field Error */
62 .acf_postbox .field.error {
63 margin: 0;
64 border: #CC0000 solid 1px !important;
65 border-radius: 0;
66 }
67
68 .acf_postbox.no_box .field.error {
69 padding-left: 10px;
70 padding-right: 10px;
71 }
72
73
74 .acf_postbox .field.error + .error {
75 border-top: 0 none !important;
76 }
77
78 .acf_postbox .field.error:last-child {
79 border-bottom: #CC0000 solid 1px;
80 }
81
82 .acf_postbox .field.error label.field_label {
83 color: #CC0000;
84 }
85
86
87 /* Field Label */
88 .acf_postbox p.label {
89 font-size: 11px;
90 line-height: 1.1em;
91 margin: 0 0 1em;
92 padding: 0;
93 color: #666666;
94 text-shadow: 0 1px 0 #FFFFFF;
95 }
96
97 .acf_postbox p.label label {
98 color: #333333;
99 font-size: 13px;
100 font-weight: bold;
101 padding: 0;
102 margin: 0 0 3px;
103 display: block;
104 vertical-align: text-bottom;
105 }
106
107 .acf_postbox .field.required label span.required {
108 color: #CC0000;
109 }
110
111 .acf_postbox label.field_label:first-child {
112 padding-top: 0;
113 }
114
115 .acf_postbox .field_type-message p.label {
116 display: none !important;
117 }
118
119 /*---------------------------------------------------------------------------------------------
120 *
121 * Basic Field Styles
122 *
123 *---------------------------------------------------------------------------------------------*/
124
125 .acf_postbox .field input[type="text"],
126 .acf_postbox .field input[type="number"],
127 .acf_postbox .field input[type="password"],
128 .acf_postbox .field input[type="email"],
129 .acf_postbox .field textarea{
130 width: 100%;
131 padding: 5px;
132 resize: none;
133 }
134
135 .acf_postbox .field textarea {
136 resize: vertical;
137 min-height: 150px;
138 }
139
140 .acf_postbox .field select{
141 width: 100%;
142 padding: 2px;
143 resize: none;
144 }
145
146
147
148 .acf_postbox .field select optgroup {
149 padding: 5px;
150 background: #fff;
151 }
152
153 .acf_postbox .field select option {
154 padding: 3px;
155 }
156
157 .acf_postbox .field select optgroup option {
158 padding-left: 5px;
159 }
160
161 .acf_postbox .field select optgroup:nth-child(2n) {
162 background: #F9F9F9;
163 }
164
165
166 /*---------------------------------------------------------------------------------------------
167 *
168 * Field: WYSIWYG
169 *
170 *---------------------------------------------------------------------------------------------*/
171
172 .acf_wysiwyg {
173
174 }
175
176 .acf_wysiwyg .wp_themeSkin table.mceToolbarRow1 {
177 margin-top: 2px !important;
178 }
179
180 .acf_wysiwyg iframe{
181 min-height: 250px;
182 }
183
184 #post-body .acf_wysiwyg .wp_themeSkin .mceStatusbar a.mceResize {
185 top: -2px !important;
186 }
187
188 .acf_wysiwyg .wp-editor-container {
189 background: #fff;
190 border-color: #CCCCCC #CCCCCC #DFDFDF;
191 border-style: solid;
192 border-radius: 3px 3px 0 0;
193 border-width: 1px;
194 }
195
196
197 /*
198 * WP 3.5 z-index fix for full screen wysiwyg
199 */
200
201 #mce_fullscreen_container {
202 z-index: 150005 !important;
203 }
204
205
206 /*---------------------------------------------------------------------------------------------
207 *
208 * Field: Image
209 *
210 *---------------------------------------------------------------------------------------------*/
211
212 .acf-image-uploader {
213 position: relative;
214 }
215
216 .acf-image-uploader .has-image { display: none; float: left; position: relative; }
217 .acf-image-uploader .no-image { display: block; float: left; position: relative; }
218
219 .acf-image-uploader.active .has-image { display: block; }
220 .acf-image-uploader.active .no-image { display: none; }
221
222
223 .acf-image-uploader img {
224 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
225 width:100%;
226 height: auto;
227 display: block;
228 }
229
230 .acf-image-uploader .no-image p {
231 display: block;
232 margin: 0 !important;
233 }
234
235 .acf-image-uploader input.button {
236 width: auto;
237 }
238
239
240 /*
241 * Hover
242 */
243
244 .acf-image-uploader .hover {
245 position: absolute;
246 top: -11px;
247 right: -11px;
248
249 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
250 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
251 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
252 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
253
254 visibility: hidden;
255 opacity: 0;
256 }
257
258 .acf-image-uploader .has-image:hover .hover {
259 -webkit-transition-delay:0s;
260 -moz-transition-delay:0s;
261 -o-transition-delay:0s;
262 transition-delay:0s;
263
264 visibility: visible;
265 opacity: 1;
266 }
267
268 .acf-image-uploader .hover ul {
269 display: block;
270 margin: 0;
271 padding: 0;
272 }
273
274 .acf-image-uploader .hover ul li {
275 margin: 0 0 5px 0;
276 }
277
278
279 .media-modal.acf-media-modal {
280 left: 20%;
281 right: 20%;
282 top: 100px;
283 bottom: 100px;
284 }
285
286
287 .media-modal.acf-media-modal .media-frame-router,
288 .media-modal.acf-media-modal .attachments,
289 .media-modal.acf-media-modal .media-frame-content .media-toolbar {
290 display: none;
291 }
292
293 .media-modal.acf-media-modal .media-frame-content {
294 top: 45px;
295 }
296
297 .media-modal.acf-media-modal .media-frame-title {
298 border-bottom: 1px solid #DFDFDF;
299 box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
300 }
301
302 .media-modal.acf-media-modal .media-frame-content .media-sidebar {
303 width: auto;
304 left: 0px;
305 }
306
307
308 .media-modal.acf-media-modal .media-sidebar {
309 padding: 0 30px 24px;
310 }
311
312 .media-modal.acf-media-modal .media-sidebar .attachment-info .thumbnail {
313 width: 120px;
314 background: #EAEAEA;
315 }
316
317 .media-modal .acf_postbox .field {
318 padding: 0;
319 }
320
321 .media-modal.acf-media-modal .media-sidebar .setting,
322 .media-modal.acf-media-modal .compat-attachment-fields tr {
323 margin: 0;
324 padding: 2px 0;
325 clear: both;
326 float: none;
327 width: auto;
328 padding: 5px 0 5px 130px;
329 }
330
331 .media-modal.acf-media-modal .media-sidebar .setting span,
332 .media-modal.acf-media-modal .compat-attachment-fields tr th.label {
333 position: absolute;
334 left: 0;
335 width: 120px;
336 min-width: 0;
337 text-align: left;
338 margin: 0;
339 padding: 0;
340
341 color: #999999;
342 text-shadow: 0 1px 0 #FFFFFF;
343 font-weight: normal;
344 }
345
346 .media-modal.acf-media-modal .compat-attachment-fields tr th.label span {
347 text-align: left;
348 padding: 0;
349 }
350
351 .media-modal.acf-media-modal .media-sidebar input,
352 .media-modal.acf-media-modal .media-sidebar select,
353 .media-modal.acf-media-modal .media-sidebar textarea {
354 width: 100%;
355 margin: 0;
356 float: none;
357 }
358
359 /*
360 .media-modal.acf-media-modal .compat-item th.label {
361 float: none;
362 margin-right: 0;
363 width: 130px;
364 text-align: left;
365 min-width: 0;
366 display: table-cell;
367 }
368
369 .media-modal.acf-media-modal .compat-item th.label span {
370 text-align: left;
371
372 }
373
374 .media-modal.acf-media-modal .compat-item td.field {
375 width: auto;
376 float: none;
377 display: table-cell;
378 }
379 */
380
381
382 /*
383 * .media-modal
384 */
385
386 .media-modal.acf-media-modal .compat-item {
387 float: left;
388 overflow: none;
389 width: 100%;
390 }
391
392 .media-modal.acf-media-modal .compat-attachment-fields,
393 .media-modal.acf-media-modal .compat-attachment-fields tbody,
394 .media-modal.acf-media-modal .compat-attachment-fields tr,
395 .media-modal.acf-media-modal .compat-attachment-fields th,
396 .media-modal.acf-media-modal .compat-attachment-fields td {
397 display: block;
398 position: relative;
399 }
400
401 .media-modal.acf-media-modal .compat-attachment-fields td.field {
402 width: 100%;
403 float: none;
404 padding: 0;
405 }
406
407 .media-modal .compat-attachment-fields td.field table {
408 display: table;
409 }
410 .media-modal .compat-attachment-fields td.field table tbody {
411 display: table-row-group;
412 }
413 .media-modal .compat-attachment-fields td.field table tr {
414 display: table-row;
415 }
416 .media-modal .compat-attachment-fields td.field table td,
417 .media-modal .compat-attachment-fields td.field table th {
418 display: table-cell;
419 }
420
421 .media-modal .acf_postbox {
422 display: block !important;
423 }
424
425 .media-modal .acf-attachment-large-toggle {
426 position: absolute;
427 left: 0;
428 top: 50%;
429 height: 30px;
430 width: 30px;
431 background: #f00;
432 }
433
434 .media-modal .acf-attachment-large {
435
436 }
437
438 .media-modal .acf-attachment-large .media-toolbar {
439 right: 700px;
440 }
441 .media-modal .acf-attachment-large .attachments {
442 right: 700px;
443 }
444 .media-modal .acf-attachment-large .media-sidebar {
445 width: 667px;
446 }
447
448
449 /*---------------------------------------------------------------------------------------------
450 *
451 * ACF Message Wrapper (used by image / file / gallery)
452 *
453 *---------------------------------------------------------------------------------------------*/
454
455 .acf-message-wrapper {
456 margin: 10px 0;
457 }
458
459 .acf-message-wrapper .message {
460 margin: 0 !important;
461 }
462
463
464
465
466 /*---------------------------------------------------------------------------------------------
467 *
468 * Field: File
469 *
470 *---------------------------------------------------------------------------------------------*/
471
472 .acf-file-uploader {
473 position: relative;
474 line-height: 1.5em;
475 }
476
477 .acf-file-uploader .has-file {
478 display: none;
479 }
480
481 .acf-file-uploader .no-file {
482 display: block;
483 }
484
485 .acf-file-uploader.active .has-file {
486 display: block;
487 }
488
489 .acf-file-uploader.active .no-file {
490 display: none;
491 }
492
493 .acf-file-uploader img {
494 margin: 0 5px 0 0;
495 }
496
497 .acf-file-uploader input.button {
498 width: auto;
499 }
500
501
502 /*---------------------------------------------------------------------------------------------
503 *
504 * Field: Select
505 *
506 *---------------------------------------------------------------------------------------------*/
507
508 #wpcontent select[multiple] {
509 height: auto;
510 }
511
512 #wpcontent select optgroup {
513 padding: 0 2px
514 }
515
516 #wpcontent select optgroup option {
517 padding-left: 6px;
518 }
519
520 ul.checkbox_list {
521 background: transparent !important;
522 }
523
524 #createuser ul.checkbox_list input {
525 width: auto;
526 }
527
528
529 /*---------------------------------------------------------------------------------------------
530 *
531 * Input Table
532 *
533 *---------------------------------------------------------------------------------------------*/
534
535 table.acf-input-table {
536 border-radius: 0 0 0 0;
537 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
538 }
539
540 table.acf-input-table > thead { }
541 table.acf-input-table > thead > tr > th {
542 padding: 8px;
543 position: relative;
544
545 vertical-align: top;
546 border-right: 1px solid #e1e1e1;
547 }
548
549 table.acf-input-table > tbody {}
550
551 table.acf-input-table > tbody > tr {
552 background: #fff;
553 }
554
555 table.acf-input-table > tbody > tr > td {
556 background: transparent;
557 border: 0 none;
558
559 border-top: 1px solid #ededed;
560 border-right: 1px solid #ededed;
561
562 padding: 8px;
563 position: relative;
564 }
565
566 table.acf-input-table > tbody > tr > td {
567 background: transparent;
568 border: 0 none;
569
570 border-top: 1px solid #ededed;
571 border-right: 1px solid #ededed;
572
573 padding: 8px;
574 position: relative;
575 }
576
577 table.acf-input-table.row_layout > tbody > tr > td {
578 border-top-color: #DFDFDF;
579 }
580
581 table.acf-input-table > tbody > tr:first-child > td {
582 border-top: 0 none;
583 }
584
585 table.acf-input-table > tbody > tr > td:last-child {
586 border-right: 0 none;
587 }
588
589
590 td.acf_input-wrap {
591 padding: 0 !important;;
592 }
593
594 .sub-field-instructions {
595 color: #999999;
596 display: block;
597 font-family: sans-serif;
598 font-size: 12px;
599 text-shadow: 0 1px 0 #FFFFFF;
600
601 font-weight: normal;
602 }
603
604
605 /*---------------------------------------------------------------------------------------------
606 *
607 * Field: Relationship
608 *
609 *---------------------------------------------------------------------------------------------*/
610
611 .acf_relationship {
612 position: relative;
613 overflow: hidden;
614 }
615
616 .acf_relationship .relationship_left {
617 width: 50%;
618 float: left;
619 }
620
621 .acf_relationship .relationship_right {
622 width: 50%;
623 float: left;
624 }
625
626 .acf_relationship .relationship_label {
627 font-size: 12px;
628 font-family: sans-serif;
629 color: #999;
630 position: absolute;
631 margin-top: 5px;
632 margin-left: 10px;
633 }
634
635 .acf_relationship .widefat {
636 border-bottom-left-radius: 0;
637 border-bottom-right-radius: 0;
638 }
639
640 .acf_relationship .widefat th {
641 border-bottom: 0 none;
642 }
643
644
645 .acf_relationship .relationship_search {
646 margin: 0;
647 font-size: 12px;
648 line-height: 13px;
649 border-radius: 13px;
650 font-family: sans-serif;
651 padding: 5px 9px !important;
652 }
653
654 .acf_relationship .relationship_list {
655 background: #fff;
656 position: relative;
657 overflow: auto;
658 height: 150px;
659 border: #DFDFDF solid 1px;
660 border-top-width: 0;
661 }
662
663 .acf_relationship .relationship_list li.hide {
664 background: #f8f8f8;
665 }
666
667 .acf_relationship .relationship_list li.hide a {
668 cursor: default;
669 color: #21759B !important;
670 opacity: 0.5;
671 background: transparent !important;
672 }
673
674 .acf_relationship .relationship_list li {
675 border-bottom: #f8f8f8 solid 1px;
676 }
677
678 .acf_relationship .relationship_list li a {
679 display: block;
680 position: relative;
681 padding: 7px 9px;
682 text-decoration: none;
683 }
684
685 .acf_relationship .relationship_list li a .relationship-item-info {
686 color: #CCC;
687 text-transform: uppercase;
688 float: right;
689 font-size: 11px;
690 }
691
692 .acf_relationship .relationship_list li:hover a .relationship-item-info {
693 padding-right: 24px;
694 color: #999;
695 }
696
697 .acf_relationship .relationship_list li.hide:hover a .relationship-item-info {
698 padding-right: 0;
699 color: #CCC;
700 }
701
702 .acf_relationship .relationship_list li a:hover,
703 .acf_relationship .relationship_list li a:focus {
704 background: #eaf2fa;
705 color: #000;
706 box-shadow: #d6e1ec 0 0 0 1px;
707 }
708
709 .acf_relationship .relationship_right .relationship_list {
710 margin-left: 10px;
711 height: 193px;
712 border-top-width:1px;
713 }
714
715 .acf_relationship .relationship_list li a .acf-button-add,
716 .acf_relationship .relationship_list li a .acf-button-remove {
717 position: absolute;
718 top: 5px;
719 right: 5px;
720 display: none;
721
722 cursor: pointer;
723 }
724
725 .acf_relationship .relationship_list li a:hover .acf-button-add,
726 .acf_relationship .relationship_list li a:hover .acf-button-remove {
727 display: block;
728 }
729
730 .acf_relationship .relationship_list li.hide a:hover .acf-button-add {
731 display: none;
732 }
733
734
735 .acf_relationship .relationship_right .relationship_list li a {
736 cursor: move;
737 }
738
739 .acf_relationship .load-more .acf-loading {
740 padding: 0;
741 box-shadow: none;
742 background-color: transparent;
743 }
744
745 .acf_relationship.no-results .load-more {
746 display: none;
747 }
748
749
750 .acf_relationship select {
751 font-family: sans-serif;
752 font-size: 12px;
753
754 }
755
756 .acf_relationship .widefat tr + tr th {
757 border-radius: 0;
758 border-top: #DFDFDF solid 1px;
759 background: #F3F3F3;
760
761 }
762
763 .acf_relationship .relationship_list .result-thumbnail {
764 width:21px;
765 height:21px;
766 background:#F9F9F9;
767 border:#E1E1E1 solid 1px;
768 float:left;
769 margin:-3px 5px 0 0;
770 }
771
772
773 /*---------------------------------------------------------------------------------------------
774 *
775 * Field: Taxonomy
776 *
777 *---------------------------------------------------------------------------------------------*/
778
779 .acf-taxonomy-field {
780
781 }
782
783 .acf-taxonomy-field ul {
784
785 }
786
787 .acf-taxonomy-field .categorychecklist-holder {
788 border: #DFDFDF solid 1px;
789 border-radius: 3px;
790 max-height: 200px;
791 overflow: auto;
792 }
793
794 .acf-taxonomy-field .categorychecklist {
795 margin: 0;
796 padding: 10px;
797 }
798
799 .acf-taxonomy-field ul li {
800
801 }
802
803 .acf-taxonomy-field ul.children {
804 padding-left: 18px;
805 }
806
807
808 /*---------------------------------------------------------------------------------------------
809 *
810 * Field: Tab
811 *
812 *---------------------------------------------------------------------------------------------*/
813
814 .field_type-tab {
815 display: none !important;
816
817 }
818
819 .acf-tab-group {
820 border-bottom: #DFDFDF solid 1px;
821 margin: 0 0 10px;
822 padding: 10px 4px 0 10px;
823
824 background: #F3F3F3;
825 }
826
827 .acf-tab-group li {
828 font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
829 font-size: 23px;
830 line-height: 29px;
831 margin: 0 6px -1px 0;
832
833 }
834
835 .acf-tab-group li a {
836 padding: 10px;
837 display: block;
838 border-radius: 3px 3px 0 0;
839
840 color: #AAAAAA;
841 font-size: 20px;
842 font-weight: 200;
843 line-height: 1em;
844 padding: 5px 10px 7px;
845
846 border: #DFDFDF solid 1px;
847 text-decoration: none;
848 background: #F8F8F8;
849
850 }
851
852 .acf-tab-group li a:hover,
853 .acf-tab-group li.active a {
854 color: #d54e21
855 }
856
857 .acf-tab-group li.active a {
858 color: #464646;
859 border-color: #CCCCCC;
860 border-bottom-color: #F7F7F7;
861 }
862
863
864
865 /*
866 * No Box
867 */
868
869 .acf_postbox.no_box .acf-tab-group {
870 padding-left: 0;
871 border-bottom-color: #CCC;
872 background: transparent;
873 }
874
875 .acf_postbox.no_box .acf-tab-group li.active a {
876 border-bottom-color: #fff;
877 }
878
879
880 .acf_postbox.no_box .acf-tab-group li a {
881 background: #fff;
882
883 }
884
885
886 /*---------------------------------------------------------------------------------------------
887 *
888 * Other
889 *
890 *---------------------------------------------------------------------------------------------*/
891
892 .form-field.field input[type="checkbox"],
893 .form-field.field input[type="radio"] {
894 width: auto !important;
895 }
896
897 #createuser input,
898 #your-profile input {
899 max-width: 25em;
900 }
901
902 /*--------------------------------------------------------------------------
903 *
904 * Tab Group
905 *
906 *-------------------------------------------------------------------------*/
907
908 .acf-tab_group-show {
909 display: block;
910 }
911 tr.acf-tab_group-show {
912 display: table-row;
913 }
914 .acf-tab_group-hide {
915 display: none;
916 }
917
918
919 /*--------------------------------------------------------------------------
920 *
921 * Conditional Logic
922 *
923 *-------------------------------------------------------------------------*/
924
925 .acf-conditional_logic-show {
926 display: block;
927 }
928 tr.acf-conditional_logic-show {
929 display: table-row;
930 }
931 .acf-conditional_logic-hide {
932 display: none;
933 }
934
935
936 /*--------------------------------------------------------------------------
937 *
938 * Conditional Logic + Tabs
939 *
940 *-------------------------------------------------------------------------*/
941
942 .acf-tab_group-hide.acf-conditional_logic-show {
943 display: none;
944 }
945
946 .hl.acf-tab-group > li.acf-conditional_logic-hide {
947 display: none;
948 }
949
950
951 #acf_color_picker {
952 position: absolute;
953 top: 0;
954 left: 0;
955 display: none;
956 background: #fff;
957 border: #AAAAAA solid 1px;
958 border-radius: 4px;
959 }
960
961
962 /*--------------------------------------------------------------------------
963 *
964 * Retina
965 *
966 *-------------------------------------------------------------------------*/
967
968 @media
969 only screen and (-webkit-min-device-pixel-ratio: 2),
970 only screen and ( min--moz-device-pixel-ratio: 2),
971 only screen and ( -o-min-device-pixel-ratio: 2/1),
972 only screen and ( min-device-pixel-ratio: 2),
973 only screen and ( min-resolution: 192dpi),
974 only screen and ( min-resolution: 2dppx) {
975
976 .acf_flexible_content .layout .fc-delete-layout,
977 .acf-popup .bit,
978 .acf-gallery .toolbar .view-grid,
979 .acf-gallery .toolbar .view-list {
980 background-image: url(../images/sprite@2x.png);
981 background-size: 100px 600px;
982 }
983
984
985 }