PluginProbe
Advanced Custom Fields (ACF®) / 3.3.2
Advanced Custom Fields (ACF®) v3.3.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®) 3.3.2, at css/input.css

1,239 lines 25.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*---------------------------------------------------------------------------------------------
2 Post Box
3 ---------------------------------------------------------------------------------------------*/
4
5 #poststuff .acf_postbox .widefat th,
6 #poststuff .acf_postbox .widefat td {
7 overflow: visible;
8 }
9
10 #poststuff .acf_postbox .inside {
11 margin: 0;
12 padding: 0;
13 }
14
15
16 /* Field */
17 #poststuff .acf_postbox .field {
18 position: relative;
19 padding: 15px 10px;
20 border-top: 1px solid #fff;
21 border-bottom: #e8e8e8 solid 1px;
22 }
23
24 #poststuff .acf_postbox .field:last-child {
25 border-bottom: none;
26 }
27
28 #poststuff .acf_postbox.no_box .field {
29 border-top: 0 none;
30 border-bottom: 0 none;
31 padding: 15px 0;
32 }
33
34
35 /* Field Error */
36 #poststuff .acf_postbox .field.error {
37 margin: 0;
38 border: #CC0000 solid 1px !important;
39 border-radius: 0;
40 }
41
42 #poststuff .acf_postbox.no_box .field.error {
43 padding-left: 10px;
44 padding-right: 10px;
45 }
46
47
48 #poststuff .acf_postbox .field.error + .error {
49 border-top: 0 none !important;
50 }
51
52 #poststuff .acf_postbox .field.error:last-child {
53 border-bottom: #CC0000 solid 1px;
54 }
55
56 #poststuff .acf_postbox .field.error label.field_label {
57 color: #CC0000;
58 }
59
60
61
62 #poststuff .acf_postbox p.label {
63 font-size: 11px;
64 line-height: 1.1em;
65 margin: 0 0 1em;
66 padding: 0;
67 color: #666666;
68 text-shadow: 0 1px 0 #FFFFFF;
69 }
70
71 #poststuff .acf_postbox p.label label {
72 color: #333333;
73 font-size: 13px;
74 font-weight: bold;
75 padding: 0;
76 margin: 0 0 3px;
77 display: block;
78 vertical-align: text-bottom;
79 }
80
81 .field.required label span.required {
82 color: #CC0000;
83 }
84
85 #poststuff .acf_postbox label.field_label:first-child {
86 padding-top: 0;
87 }
88
89
90 /* no box style */
91 #poststuff .acf_postbox.no_box {
92 border: 0 none;
93 background: transparent;
94 }
95
96 #poststuff .acf_postbox.no_box > h3,
97 #poststuff .acf_postbox.no_box > .handlediv {
98 display: none;
99 }
100
101
102
103 /*---------------------------------------------------------------------------------------------
104 Basic Field Styles
105 ---------------------------------------------------------------------------------------------*/
106
107 .acf_postbox .field input[type="text"],
108 .acf_postbox .field input[type="password"],
109 .acf_postbox .field textarea{
110 width: 100%;
111 padding: 5px;
112 resize: none;
113 }
114
115 .acf_postbox .field textarea {
116 resize: vertical;
117 }
118
119 .acf_postbox .field select{
120 width: 100%;
121 padding: 2px;
122 resize: none;
123 }
124
125
126 #poststuff .acf_postbox .field select optgroup {
127 padding: 5px;
128 background: #fff;
129 border-top: #DFDFDF solid 1px;
130 }
131
132 #poststuff .acf_postbox .field select option {
133 padding: 3px;
134 }
135
136 #poststuff .acf_postbox .field select optgroup option {
137 padding-left: 6px;
138 }
139
140 #poststuff .acf_postbox .field select optgroup:nth-child(2n) {
141 background: #F9F9F9;
142 }
143
144 #poststuff .acf_postbox .field select[multiple] {
145 padding: 0;
146 }
147
148 #poststuff .acf_postbox .field select[multiple] > optgroup:first-child {
149 border-top: 0 none;
150 }
151
152 /*---------------------------------------------------------------------------------------------
153 Field: WYSIWYG
154 ---------------------------------------------------------------------------------------------*/
155
156 .acf_wysiwyg .wp_themeSkin table.mceToolbarRow1 {
157 margin-top: 2px !important;
158 }
159
160 .acf_wysiwyg iframe{
161 min-height: 250px;
162 }
163
164 #post-body .acf_wysiwyg .wp_themeSkin .mceStatusbar a.mceResize {
165 top: -2px !important;
166 }
167
168 /*.acf_wysiwyg .editor-toolbar {
169 display: none;
170 }*/
171
172 .acf_wysiwyg .wp-editor-container {
173 background: #fff;
174 border-color: #CCCCCC #CCCCCC #DFDFDF;
175 border-style: solid;
176 border-radius: 3px 3px 0 0;
177 border-width: 1px;
178 }
179
180
181 /*---------------------------------------------------------------------------------------------
182 *
183 * Image Upload
184 *
185 *---------------------------------------------------------------------------------------------*/
186
187
188 .acf-image-uploader {
189 position: relative;
190 }
191
192 .acf-image-uploader .has-image { display: none; float: left; position: relative; }
193 .acf-image-uploader .no-image { display: block; float: left; position: relative; }
194
195 .acf-image-uploader.active .has-image { display: block; }
196 .acf-image-uploader.active .no-image { display: none; }
197
198
199 .acf-image-uploader img {
200 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
201 max-width:100%;
202 height: auto;
203 display: block;
204 }
205
206 .acf-image-uploader .no-image p {
207 display: block;
208 margin: 0 !important;
209 }
210
211 .acf-image-uploader input.button {
212 width: auto;
213 }
214
215
216 /*
217 * Hover
218 */
219
220 .acf-image-uploader .hover {
221 position: absolute;
222 top: -11px;
223 right: -11px;
224
225 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
226 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
227 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
228 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
229
230 visibility: hidden;
231 opacity: 0;
232 }
233
234 .acf-image-uploader .has-image:hover .hover {
235 -webkit-transition-delay:0s;
236 -moz-transition-delay:0s;
237 -o-transition-delay:0s;
238 transition-delay:0s;
239
240 visibility: visible;
241 opacity: 1;
242 }
243
244 .acf-image-uploader .hover ul {
245 display: block;
246 margin: 0;
247 padding: 0;
248 }
249
250 .acf-image-uploader .hover ul li {
251 margin: 0 0 5px 0;
252 }
253
254 .acf-image-uploader .hover a {
255 background: url("../images/sprite.png") no-repeat scroll -54px -102px #fff;
256 display: block;
257 height: 22px;
258 width: 22px;
259 border-radius: 15px;
260 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
261 }
262
263 .acf-image-uploader .hover a:hover {
264 background-position: -54px -152px;
265 }
266
267 .acf-image-uploader .hover a.edit-image {
268 background-position: -45px -345px;
269 }
270 .acf-image-uploader .hover a.edit-image:hover {
271 background-position: -45px -395px;
272 }
273
274
275 /*---------------------------------------------------------------------------------------------
276 *
277 * ACF Message Wrapper (used by image / file / gallery)
278 *
279 *---------------------------------------------------------------------------------------------*/
280
281 .acf-message-wrapper {
282 margin: 10px 0;
283 }
284
285 .acf-message-wrapper .message {
286 margin: 0 !important;
287 }
288
289
290 /*---------------------------------------------------------------------------------------------
291 File Upload
292 ---------------------------------------------------------------------------------------------*/
293 .acf-file-uploader {
294 position: relative;
295 line-height: 1.5em;
296 }
297
298 .acf-file-uploader .has-file {
299 display: none;
300 }
301
302 .acf-file-uploader .no-file {
303 display: block;
304 }
305
306 .acf-file-uploader.active .has-file {
307 display: block;
308 }
309
310 .acf-file-uploader.active .no-file {
311 display: none;
312 }
313
314 .acf-file-uploader img {
315 margin: 0 5px 0 0;
316 height:
317 }
318
319 .acf-file-uploader input.button {
320 width: auto;
321 }
322
323 /*---------------------------------------------------------------------------------------------
324 Repeater
325 ---------------------------------------------------------------------------------------------*/
326 .repeater {
327
328
329 }
330
331 .repeater > table {
332
333 }
334
335 .repeater > table > thead > tr > th {
336 width: auto;
337 }
338
339 .repeater > table > tbody > tr > td {
340 background: transparent;
341 border-right: 1px solid #ededed;
342 border-bottom: 1px solid #ededed;
343 padding: 8px !important;
344 position: relative;
345 }
346
347 .repeater > table > tbody > tr:last-child > td {
348 border-bottom: 0 none;
349 }
350
351 .repeater > table > tbody > tr > td:last-child {
352 border-right: 0 none;
353 }
354
355 .repeater > table > tbody > tr:nth-child(even) {
356 background: #F9F9F9;
357 }
358
359 .repeater > table > tbody > tr:nth-child(odd) {
360 background: #FCFCFC;
361 }
362
363 .repeater > table > thead > tr > th {
364
365 border-right: 1px solid #e1e1e1;
366 }
367
368 .repeater > table > thead > tr > th:last-child {
369 border-right: 0 none;
370 }
371
372 .repeater > table > tbody > tr:hover > td.remove > a.remove-row,
373 .repeater > table > tbody > tr:hover > td.remove > a.add-row {
374
375 -webkit-transition-delay:0s;
376 -moz-transition-delay:0s;
377 -o-transition-delay:0s;
378 transition-delay:0s;
379
380 visibility: visible;
381 opacity: 1;
382 }
383
384 .repeater.disabled > table > tbody > tr:hover > td.remove > a.add-row {
385 visibility: hidden !important;
386 }
387
388 .repeater > table.row_layout > tbody > tr > td > label:first-child {
389 padding-top: 0;
390 }
391
392 a.add-row {
393 display: block;
394 width: 16px;
395 height: 16px;
396 background: url(../images/button_add.png) 0 0 no-repeat;
397 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
398 border-radius: 8px;
399 position: absolute;
400
401
402 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
403 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
404 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
405 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
406
407 visibility: hidden;
408 opacity: 0;
409 }
410
411 a.add-row:hover {
412 background-position: 0 100%;
413 }
414
415 a.remove-row {
416 display: block;
417 width: 16px;
418 height: 16px;
419 background: url(../images/button_remove.png) 0 0 no-repeat;
420 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
421 border-radius: 8px;
422
423 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
424 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
425 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
426 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
427
428 visibility: hidden;
429 opacity: 0;
430 }
431
432 a.remove-row:hover {
433 background-position: 0 100%;
434 }
435
436 .repeater > table > thead > tr > th.order,
437 .repeater > table > tbody > tr > td.order{
438 width: 16px !important;
439 text-align: center !important;
440 vertical-align: middle;
441 color: #aaa;
442 text-shadow: #fff 0 1px 0;
443 }
444
445 .repeater table tr td.order {
446 cursor: move;
447 }
448
449 .repeater table tr td.order:hover {
450 color: #666;
451 }
452
453 .repeater > table > thead > tr > th.remove,
454 .repeater > table > tbody > tr > td.remove{
455 width: 16px;
456 vertical-align: middle;
457 }
458
459 .repeater > table td.order a.order_up {
460 display: block;
461 width: 16px;
462 height: 16px;
463 background: green;
464 margin: 0 auto;
465 }
466
467 .repeater > table td.order a.order_down {
468 display: block;
469 width: 16px;
470 height: 16px;
471 background: red;
472 margin: 0 auto;
473 }
474
475
476 .repeater table tr td select {
477 width: 120px;
478 margin: 0;
479 }
480
481 .repeater .repeater-footer {
482 margin: 8px 0;
483 }
484
485 #acf_input .wp_themeSkin tr.mceFirst td.mceToolbar {
486
487 }
488
489 #poststuff #acf_input .wp_themeSkin .mceStatusbar {
490
491 }
492
493 #wpcontent select[multiple] {
494 height: auto;
495 }
496
497 #wpcontent select optgroup {
498 padding: 0 2px
499 }
500
501 #wpcontent select optgroup option {
502 padding-left: 6px;
503 }
504
505 ul.checkbox_list {
506 background: transparent !important;
507 }
508
509 .repeater tr.row-clone {
510 display: none;
511 }
512
513 .repeater td .row-layout-field {
514 padding: 30px 0 0;
515 }
516
517 .repeater td .row-layout-field:first-child {
518 padding-top: 10px;
519 }
520
521 .repeater > table > tbody > tr.ui-sortable-helper {
522 box-shadow: 0 1px 5px rgba(0,0,0,0.2);
523 }
524
525 .repeater > table > tbody > tr.ui-sortable-placeholder {
526 visibility: visible !important;
527 }
528
529 .repeater > table > tbody > tr.ui-sortable-placeholder td {
530 border: 0 none !important;
531 box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
532 background: rgba(0,0,0,0.075);
533 }
534
535
536 /* empty repeater */
537 .repeater.empty table thead th {
538 border-bottom: 0 none;
539 }
540
541
542
543
544
545 /*---------------------------------------------------------------------------------------------
546 In Box
547 ---------------------------------------------------------------------------------------------*/
548
549
550 /*---------------------------------------------------------------------------------------------
551 relationship
552 ---------------------------------------------------------------------------------------------*/
553
554 .acf_relationship {
555 position: relative;
556 overflow: hidden;
557 }
558
559 .acf_relationship .relationship_left {
560 width: 50%;
561 float: left;
562 }
563
564 .acf_relationship .relationship_right {
565 width: 50%;
566 float: left;
567 }
568
569 .acf_relationship .relationship_label {
570 font-size: 12px;
571 font-family: sans-serif;
572 color: #999;
573 position: absolute;
574 margin-top: 5px;
575 margin-left: 10px;
576 }
577
578 .acf_relationship .widefat {
579 border-bottom-left-radius: 0;
580 border-bottom-right-radius: 0;
581 }
582
583 .acf_relationship .widefat th {
584 border-bottom: 0 none;
585 }
586
587
588 .acf_relationship .relationship_search {
589 margin: 0;
590 font-size: 12px;
591 line-height: 13px;
592 border-radius: 13px;
593 font-family: sans-serif;
594 padding: 5px 9px !important;
595 }
596
597 .acf_relationship .relationship_list {
598 background: #fff;
599 position: relative;
600 overflow: auto;
601 height: 150px;
602 border: #DFDFDF solid 1px;
603 border-top-width: 0;
604 }
605
606 .acf_relationship .relationship_list a.hide {
607 display: none;
608 }
609
610 .acf_relationship .relationship_list a.filter_hide {
611 display: none;
612 }
613
614 .acf_relationship .relationship_list a {
615 display: block;
616 position: relative;
617 padding: 7px 9px;
618 text-decoration: none;
619 border-bottom: #f8f8f8 solid 1px;
620 }
621
622
623 .acf_relationship .relationship_list a:hover {
624 background: #eaf2fa;
625 border-bottom-color: #eaf2fa;
626 color: #000;
627 }
628
629 .acf_relationship .relationship_right .relationship_list {
630 margin-left: 10px;
631 height: 193px;
632 border-top-width:1px;
633 }
634
635 .acf_relationship .relationship_list a .add {
636 width: 16px;
637 height: 16px;
638 background: url(../images/button_add.png) 0 0 no-repeat;
639 position: absolute;
640 top:0;
641 right: 0;
642 cursor: pointer;
643 margin: 5px 9px 0 0;
644 display: none;
645 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
646 border-radius: 8px;
647 }
648
649 .acf_relationship .relationship_list a.sortable_active {
650 background: #eaf2fa;
651 }
652
653 .acf_relationship .relationship_list a:hover .add {
654 display: block;
655 }
656
657 .acf_relationship .relationship_list a .add:hover {
658 background-position: 0 100%;
659 }
660
661 .acf_relationship .relationship_list a .remove {
662 width: 16px;
663 height: 16px;
664 background: url(../images/button_remove.png) 0 0 no-repeat;
665 position: absolute;
666 top:0;
667 right: 0;
668 cursor: pointer;
669 margin: 5px 9px 0 0;
670 display: none;
671 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
672 border-radius: 8px;
673 }
674
675 .acf_relationship .relationship_list a:hover .remove {
676 display: block;
677 }
678
679 .acf_relationship .relationship_list a .remove:hover {
680 background-position: 0 100%;
681 }
682
683 .acf_relationship .relationship_right .relationship_list a {
684 cursor: move;
685 }
686
687
688 /*---------------------------------------------------------------------------------------------
689 Flexible Content
690 ---------------------------------------------------------------------------------------------*/
691 .acf_flexible_content {
692
693 }
694
695 .acf_flexible_content .layout {
696 margin: 20px 0 30px;
697 position: relative;
698 }
699
700 .acf_flexible_content .layout .layout-label {
701 font-size: 12px;
702 line-height: 1em;
703 font-weight: bold;
704 color: #999999;
705 text-shadow: #fff 0 1px 0;
706 margin: 0 0 0.75em;
707 padding: 0;
708 }
709
710 .acf_flexible_content .layout .actions {
711 position: absolute;
712 top: 7px;
713 right: 5px;
714 float: left;
715 background: #ffffff;
716 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea'); /* for IE */
717 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); /* for webkit browsers */
718 background: -moz-linear-gradient(top, #ffffff, #eaeaea); /* for firefox 3.6+ */
719
720 box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
721 border-radius: 3px;
722 border: #d4d4d4 solid 1px;
723
724 z-index: 1;
725
726 visibility: hidden;
727 opacity: 0;
728
729 -webkit-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
730 -moz-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
731 -o-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
732 transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
733
734
735 }
736
737 .acf_flexible_content .layout:hover .actions {
738
739 visibility: visible;
740 opacity: 1;
741 right: 10px;
742
743 -webkit-transition-delay:0s;
744 -moz-transition-delay:0s;
745 -o-transition-delay:0s;
746 transition-delay:0s;
747 }
748
749 .acf_flexible_content .layout .actions .order,
750 .acf_flexible_content .layout .actions .delete {
751 width: 30px;
752 height: 25px;
753 display: block;
754 background: url(../images/sprite.png) 0px -100px no-repeat;
755 }
756 .acf_flexible_content .layout .actions .order:hover { background-position: 0px -150px; }
757 .acf_flexible_content .layout .actions .delete { background-position: -50px -100px; }
758 .acf_flexible_content .layout .actions .delete:hover { background-position: -50px -150px; }
759
760
761
762
763 .acf_flexible_content table.widefat > tbody > tr > td {
764 padding: 15px 10px;
765 position: relative;
766
767 border-left: #fff solid 1px;
768 border-right: #DFDFDF solid 1px;
769 }
770
771 .acf_flexible_content table.widefat > tbody > tr:first-child > td {
772
773 }
774
775 .acf_flexible_content table.widefat > tbody > tr:last-child > td {
776 border-bottom: 0 none;
777 }
778
779 .acf_flexible_content table.widefat > tbody > tr > td:last-child {
780 border-right: 0 none;
781 }
782
783 .acf_flexible_content .clones {
784 display: none;
785 }
786
787 .acf_flexible_content > .values > .ui-sortable-placeholder {
788 visibility: visible !important;
789 border: #DFDFDF dashed 2px;
790 border-radius: 3px;
791 }
792
793 .acf_flexible_content td .row-layout-field {
794 padding: 30px 0 0;
795 }
796
797 .acf_flexible_content td .row-layout-field:first-child {
798 padding-top: 3px;
799 }
800
801 .acf-popup {
802 position: absolute;
803 bottom: 25px;
804 right: 0;
805 background: #464646;
806 border-radius: 5px;
807 box-shadow: rgba(0,0,0,0.4) 0 0 13px;
808 margin-right: -5px;
809 min-width: 135px;
810 z-index: 99;
811
812 -webkit-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
813 -moz-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
814 -o-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
815 transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
816
817 visibility: hidden;
818 opacity: 0;
819 }
820
821 .acf-popup.active {
822 visibility: visible;
823 opacity: 1;
824 bottom: 35px;
825
826 -webkit-transition-delay:0s;
827 -moz-transition-delay:0s;
828 -o-transition-delay:0s;
829 transition-delay:0s;
830 }
831
832 .has-right-sidebar .acf-popup {
833 margin-right: -17px;
834 }
835
836 .has-right-sidebar .acf-popup .bit {
837 right: 37px;
838 }
839
840 .acf-popup .bit {
841 position: absolute;
842 width: 56px;
843 height: 25px;
844 right: 17px;
845 margin: -1px 0 0;
846 background: url(../images/sprite.png) 0 -50px no-repeat;
847 }
848
849 .acf-popup ul {
850 display: block;
851 margin: 0;
852 padding: 0;
853 }
854
855 .acf-popup ul li {
856 display: block;
857 position: relative;
858 margin: -1px 0 0;
859 padding: 0;
860 float: none;
861 }
862
863 .acf-popup ul li:first-child {
864 margin: 0;
865 }
866
867 .acf-popup ul li a {
868 color: #cccccc;
869 font-size: 12px;
870 line-height: 14px;
871 padding: 7px 11px;
872 display: block;
873 border: 1px solid #333333;
874 box-shadow: inset 0 1px 0 #555555;
875 text-decoration: none;
876 min-width: 100px;
877 text-shadow: 0 1px 0 #222222;
878 }
879
880 .acf-popup ul li:first-child a {
881 border-radius: 5px 5px 0 0;
882 }
883
884 .acf-popup ul li:last-child a {
885 border-radius: 0 0 5px 5px;
886 }
887
888 .acf-popup ul li:only-child a {
889 border-radius: 5px 5px 5px 5px;
890 }
891
892 .acf-popup ul li a:hover {
893 background: #2b8ab8;
894 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da0d1', endColorstr='#1f81b2'); /* for IE */
895 background: -webkit-gradient(linear, left top, left bottom, from(#3da0d1), to(#1f81b2)); /* for webkit browsers */
896 background: -moz-linear-gradient(top, #3da0d1, #1f81b2); /* for firefox 3.6+ */
897 border: 1px solid #195572 !important;
898 box-shadow: inset 0 1px 0 #54b5e5;
899 color: #FFFFFF;
900 text-shadow: 0 1px 0 #082e40;
901 cursor: pointer;
902 }
903
904 .acf_flexible_content .no_value_message {
905 padding: 19px;
906 border: #ccc dashed 1px;
907 text-align: center;
908 }
909
910 #acf_color_picker {
911 position: absolute;
912 top: 0;
913 left: 0;
914 display: none;
915 background: #fff;
916 border: #AAAAAA solid 1px;
917 border-radius: 4px;
918 }
919
920 .acf_flexible_content .flexible-footer {
921 margin: 8px 0;
922 }
923
924 /*---------------------------------------------------------------------------------------------
925 Taxonomy Edit Error
926 ---------------------------------------------------------------------------------------------*/
927
928 .form-table {
929 margin-left: 1px; /* Needed to show the left border - WP has an overflow hidden */
930 }
931 .form-table .field.error th,
932 .form-table .field.error td {
933 background: #FFEBE8;
934 border: #CC0000 solid 1px;
935 }
936
937 .form-table .field.error th{
938 border-right: 0 none;
939 }
940 .form-table .field.error td{
941 border-left: 0 none;
942 }
943
944
945 .form-table .field.error label {
946 color: #CC0000;
947 }
948
949
950 /*---------------------------------------------------------------------------------------------
951 *
952 * Everythign Field fixes
953 *
954 *---------------------------------------------------------------------------------------------*/
955
956 .media-item .describe .repeater > table > thead > tr > th {
957 width: auto;
958 }
959
960
961 /*---------------------------------------------------------------------------------------------
962 *
963 * Gallery Field
964 *
965 *---------------------------------------------------------------------------------------------*/
966
967 .acf-gallery {
968 position: relative;
969 overflow: hidden;
970 border: #DFDFDF solid 1px;
971 border-radius: 3px;
972 box-shadow: #f9f9f9 0 1px 0;
973 }
974
975 .acf-gallery .thumbnails {
976 background: #ececec;
977 min-height: 400px;
978 margin: 0 0 0 0;
979
980 position: relative;
981 z-index: 1;
982
983 -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */
984 -moz-transition: all 0.5s ease-out; /* FF4+ */
985 -o-transition: all 0.5s ease-out; /* Opera 10.5+ */
986 transition: all 0.5s ease-out;
987
988 }
989
990 .acf-gallery .thumbnails .inner {
991 padding: 10px;
992 position: relative;
993 }
994
995 .acf-gallery .thumbnail {
996 margin: 10px;
997 position: relative;
998 float: left;
999
1000 background: #fff;
1001 box-shadow: 0 1px 2px rgba(0,0,0,0.2);
1002
1003 cursor: move;
1004 }
1005
1006 .acf-gallery .thumbnail .inner {
1007 padding: 5px;
1008 }
1009
1010 .acf-gallery .thumbnail img {
1011 display: block;
1012 }
1013
1014 .acf-gallery .thumbnail.ui-sortable-placeholder {
1015 visibility: visible !important;
1016 background: transparent;
1017 box-shadow: none;
1018 border: #DFDFDF dashed 2px;
1019 border-radius: 3px;
1020 }
1021
1022
1023 /*
1024 * Toolbar
1025 */
1026
1027 .acf-gallery .toolbar {
1028 border-top: #DFDFDF solid 1px;
1029
1030 background-color: #F1F1F1;
1031 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#ECECEC)); /* Saf4+, Chrome */
1032 background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC); /* Chrome 10+, Saf5.1+, iOS 5+ */
1033 background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC); /* FF3.6+ */
1034 background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC); /* Opera 11.10+ */
1035 background-image: linear-gradient(to bottom, #F9F9F9, #ECECEC);
1036
1037 }
1038
1039 .acf-gallery .toolbar li {
1040 font-size: 12px;
1041 line-height: 1em;
1042 position: relative;
1043 }
1044
1045 .acf-gallery .toolbar li:hover,
1046 .acf-gallery .toolbar li.active {
1047 background-color: #F9F9F9;
1048 background-image: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#F9F9F9)); /* Saf4+, Chrome */
1049 background-image: -webkit-linear-gradient(top, #ECECEC, #F9F9F9); /* Chrome 10+, Saf5.1+, iOS 5+ */
1050 background-image: -moz-linear-gradient(top, #ECECEC, #F9F9F9); /* FF3.6+ */
1051 background-image: -o-linear-gradient(top, #ECECEC, #F9F9F9); /* Opera 11.10+ */
1052 background-image: linear-gradient(to bottom, #ECECEC, #F9F9F9);
1053 }
1054
1055 .acf-gallery .toolbar li.count-li:hover {
1056 background: transparent;
1057 }
1058
1059 .acf-gallery .toolbar li a,
1060 .acf-gallery .toolbar li span {
1061 display: block;
1062 padding: 1em;
1063
1064 color: #333333;
1065 text-shadow: #fff 0 1px 0;
1066
1067 text-decoration: none;
1068 }
1069
1070 .acf-gallery .toolbar li span {
1071 color: #8d8d8d;
1072 }
1073
1074 .acf-gallery .toolbar li .divider {
1075 position: absolute;
1076 height: 100%;
1077 width: 1px;
1078 background: #dfdfdf;
1079 border-right: #fff solid 1px;
1080
1081 top: 0;
1082 right: 0;
1083 margin-right: -1px;
1084 }
1085
1086 .acf-gallery .toolbar li .divider-left {
1087 right: auto;
1088 margin-right: 0;
1089 left: 0;
1090 margin-left: -1px;
1091 }
1092
1093 .acf-gallery .toolbar .view-grid {
1094 width: 36px;
1095 height: 36px;
1096 background: url(../images/sprite.png) 11px -438px no-repeat;
1097 }
1098
1099 .acf-gallery .toolbar .view-list {
1100 width: 36px;
1101 height: 36px;
1102 background: url(../images/sprite.png) -40px -438px no-repeat;
1103 }
1104
1105 .acf-gallery .toolbar .view-grid-li,
1106 .acf-gallery .toolbar .view-list-li {
1107 position: absolute;
1108 left: 50%;
1109
1110 }
1111
1112 .acf-gallery .toolbar .view-grid-li {
1113 margin-left: -36px;
1114 }
1115
1116
1117 /*
1118 * Hover
1119 */
1120
1121 .acf-gallery .hover {
1122 position: absolute;
1123 top: -11px;
1124 right: -11px;
1125
1126 -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
1127 -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
1128 -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
1129 transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
1130
1131 visibility: hidden;
1132 opacity: 0;
1133 }
1134
1135 .acf-gallery .thumbnail:hover .hover {
1136 -webkit-transition-delay:0s;
1137 -moz-transition-delay:0s;
1138 -o-transition-delay:0s;
1139 transition-delay:0s;
1140
1141 visibility: visible;
1142 opacity: 1;
1143 }
1144
1145 .acf-gallery .hover ul {
1146 display: block;
1147 margin: 0;
1148 padding: 0;
1149 }
1150
1151 .acf-gallery .hover ul li {
1152 margin: 0 0 5px 0;
1153 }
1154
1155 .acf-gallery .hover a {
1156 background: url("../images/sprite.png") no-repeat scroll -54px -102px #fff;
1157 display: block;
1158 height: 22px;
1159 width: 22px;
1160 border-radius: 15px;
1161 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
1162 }
1163
1164 .acf-gallery .hover a:hover {
1165 background-position: -54px -152px;
1166 }
1167
1168 .acf-gallery .hover a.edit-image {
1169 background-position: -45px -345px;
1170 }
1171 .acf-gallery .hover a.edit-image:hover {
1172 background-position: -45px -395px;
1173 }
1174
1175 /*
1176 * List Data
1177 */
1178
1179 .acf-gallery .list-data {
1180 display: none;
1181 }
1182
1183 .acf-gallery.view-list .thumbnail {
1184 float: none;
1185 }
1186
1187 .acf-gallery.view-list .thumbnail .list-data {
1188 display: block;
1189 margin: 0 0 0 127px;
1190 }
1191
1192 .acf-gallery.view-list .thumbnail img {
1193 float: left;
1194 max-width: 122px;
1195 height: auto;
1196 }
1197
1198 .acf-gallery .list-data table {
1199 text-align: left;
1200 width: 100%;
1201 border-collapse: collapse;
1202 }
1203
1204 .acf-gallery .list-data table th,
1205 .acf-gallery .list-data table td {
1206 border: 1px solid #F1F1F1;
1207 padding: 6px;
1208 }
1209
1210 .acf-gallery .list-data table th {
1211 width: 110px;
1212 }
1213
1214 /*
1215 * Edit Image Message
1216 */
1217
1218 .acf-gallery .acf-message-wrapper {
1219 margin: 0;
1220 position: absolute;
1221 z-index: 1;
1222 width: 100%;
1223 background: #fff;
1224 }
1225
1226 .acf-gallery .acf-message-wrapper .message {
1227 margin: 5px !important;
1228 }
1229
1230 .acf-gallery.view-list .acf-message-wrapper {
1231 padding: 5px 5px 0;
1232 position: relative;
1233 width: auto;
1234 }
1235
1236 .acf-gallery.view-list .acf-message-wrapper .message {
1237 margin: 0px !important;
1238 }
1239