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

694 lines 13.4 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 .inside {
6 margin: 0;
7 padding: 0;
8 }
9
10 #poststuff .acf_postbox .field {
11 position: relative;
12 padding: 10px 10px;
13 border-top: 1px solid #fff;
14 border-bottom: #e8e8e8 solid 1px;
15 }
16
17 #poststuff .acf_postbox .field.error {
18 margin: 0;
19 border: #CC0000 solid 1px !important;
20 border-radius: 0;
21 }
22
23 #poststuff .acf_postbox .field.error + .error {
24 border-top: 0 none !important;
25 }
26
27 #poststuff .acf_postbox .field.error:last-child {
28 border-bottom: #CC0000 solid 1px;
29 }
30
31 #poststuff .acf_postbox .field.error label.field_label {
32 color: #CC0000;
33 }
34
35 #poststuff .acf_postbox .field:last-child {
36 border-bottom: none;
37 }
38
39 #poststuff .acf_postbox label.field_label {
40 display: block;
41 color: #21759B;
42 font-size: 12px;
43 font-weight: bold;
44 padding: 20px 0 8px;
45 text-shadow: 0 1px 0 #FFFFFF;
46 }
47
48 #poststuff .acf_postbox label.field_label .required {
49 color: #CC0000;
50 }
51
52 #poststuff .acf_postbox label.field_label:first-child {
53 padding-top: 0;
54 }
55
56 #poststuff .acf_postbox p.instructions {
57 font-size: 11px;
58 margin: -6px 0 10px;
59 padding: 0;
60 color: #999;
61 }
62
63 /* no box style */
64 #poststuff .acf_postbox.no_box {
65 border: 0 none;
66 background: transparent;
67 }
68
69 #poststuff .acf_postbox.no_box > h3,
70 #poststuff .acf_postbox.no_box > .handlediv {
71 display: none;
72 }
73
74 #poststuff .acf_postbox.no_box .field {
75 border-bottom: 1px solid #F4F4F4;
76 }
77
78
79 /*---------------------------------------------------------------------------------------------
80 Basic Field Styles
81 ---------------------------------------------------------------------------------------------*/
82
83 .acf_postbox .field input[type="text"],
84 .acf_postbox .field input[type="password"],
85 .acf_postbox .field textarea,
86 .acf_postbox .field select{
87 width: 100%;
88 padding: 5px;
89 resize: none;
90 }
91
92 .acf_postbox .field select{
93 padding: 2px;
94 }
95
96 /*---------------------------------------------------------------------------------------------
97 Field: WYSIWYG
98 ---------------------------------------------------------------------------------------------*/
99
100 .acf_wysiwyg .wp_themeSkin table.mceToolbarRow1 {
101 margin-top: 2px !important;
102 }
103
104 .acf_wysiwyg iframe{
105 min-height: 250px;
106 }
107
108 #post-body .acf_wysiwyg .wp_themeSkin .mceStatusbar a.mceResize {
109 top: -2px !important;
110 }
111
112 /*.acf_wysiwyg .editor-toolbar {
113 display: none;
114 }*/
115
116 .acf_wysiwyg .wp-editor-container {
117 background: #fff;
118 border-color: #CCCCCC #CCCCCC #DFDFDF;
119 border-style: solid;
120 border-radius: 3px 3px 0 0;
121 border-width: 1px;
122 }
123
124
125 /*---------------------------------------------------------------------------------------------
126 Image Upload
127 ---------------------------------------------------------------------------------------------*/
128 .acf_image_uploader {
129 position: relative;
130 }
131
132 .acf_image_uploader a.remove_image {
133 width: 16px;
134 height: 16px;
135 background: url(../images/button_remove.png) 0 0 no-repeat;
136 position: absolute;
137 top:0;
138 left: 0;
139 cursor: pointer;
140 margin: -3px 0 0 -3px;
141 display: none;
142 }
143
144 .acf_image_uploader.active:hover a.remove_image {
145 display: block;
146 }
147
148 .acf_image_uploader a.remove_image:hover {
149 background-position: 0% 100%;
150 }
151
152 .acf_image_uploader img {
153 display: none;
154 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
155 }
156
157 .acf_image_uploader.active img {
158 display: block;
159 }
160
161 .acf_image_uploader p {
162 display: block;
163 margin: 0 !important;
164 }
165
166 .acf_image_uploader.active p {
167 display: none;
168 }
169
170 /*---------------------------------------------------------------------------------------------
171 File Upload
172 ---------------------------------------------------------------------------------------------*/
173 .acf_file_uploader {
174 position: relative;
175 }
176
177 .acf_file_uploader p {
178 margin: 0 !important;
179 }
180
181 .acf_file_uploader p.file {
182 display: none;
183 }
184
185 .acf_file_uploader p.no_file {
186 display: block;
187 }
188
189 .acf_file_uploader.active p.file {
190 display: block;
191 }
192
193 .acf_file_uploader.active p.no_file {
194 display: none;
195 }
196
197
198 /*---------------------------------------------------------------------------------------------
199 Repeater
200 ---------------------------------------------------------------------------------------------*/
201 .repeater {
202
203
204 }
205
206 .repeater > table {
207
208 }
209
210 .repeater > table > tbody > tr > td {
211 background: transparent;
212 border-right: 1px solid #ededed;
213 border-bottom: 1px solid #ededed;
214 padding: 8px;
215 position: relative;
216 }
217
218 .repeater > table > tbody > tr:last-child td {
219 border-bottom: 0 none;
220 }
221
222 .repeater > table > tbody > tr td:last-child{
223 border-right: 0 none;
224 }
225
226 .repeater > table > tbody > tr:nth-child(even) {
227 background: #F9F9F9;
228 }
229
230 .repeater > table > tbody > tr:nth-child(odd) {
231 background: #FCFCFC;
232 }
233
234 .repeater > table > thead > tr > th {
235
236 border-right: 1px solid #e1e1e1;
237 }
238
239 .repeater > table > thead > tr > th:last-child {
240 border-right: 0 none;
241 }
242
243 .repeater > table > tbody > tr:hover a.remove_row {
244 visibility: visible;
245 }
246
247 .repeater.hide_remove_buttons > table > tbody > tr:hover a.remove_row {
248 visibility: hidden;
249 }
250
251
252 .repeater > table.row_layout > tbody > tr > td > label:first-child {
253 padding-top: 0;
254 }
255
256 a.remove_row {
257 display: block;
258 width: 16px;
259 height: 16px;
260 background: url(../images/button_remove.png) 0 0 no-repeat;
261 visibility: hidden;
262 }
263
264 a.remove_row:hover {
265 background-position: 0 100%;
266 }
267
268 .repeater table tr td.order,
269 .repeater table tr th.order{
270 width: 16px;
271 text-align: center;
272 vertical-align: middle;
273 color: #aaa;
274 text-shadow: #fff 0 1px 0;
275 }
276
277 .repeater table tr td.order {
278 cursor: move;
279 }
280
281 .repeater table tr td.remove,
282 .repeater table tr th.remove {
283 width: 16px;
284 vertical-align: middle;
285 }
286
287 .repeater > table td.order a.order_up {
288 display: block;
289 width: 16px;
290 height: 16px;
291 background: green;
292 margin: 0 auto;
293 }
294
295 .repeater > table td.order a.order_down {
296 display: block;
297 width: 16px;
298 height: 16px;
299 background: red;
300 margin: 0 auto;
301 }
302
303
304 .repeater table tr td select {
305 width: 120px;
306 margin: 0;
307 }
308
309 .repeater .table_footer {
310 position: relative;
311 overflow: hidden;
312 padding: 8px 0;
313 }
314
315 .repeater .table_footer a.add_row{
316 display: block;
317 float: right;
318 margin: 0;
319 text-align: center;
320 color: #fff;
321 text-decoration: none;
322 }
323
324 #acf_input .wp_themeSkin tr.mceFirst td.mceToolbar {
325
326 }
327
328 #poststuff #acf_input .wp_themeSkin .mceStatusbar {
329
330 }
331
332 #wpcontent select[multiple] {
333 height: auto;
334 }
335
336 #wpcontent select optgroup {
337 padding: 0 2px
338 }
339
340 #wpcontent select optgroup option {
341 padding-left: 6px;
342 }
343
344 ul.checkbox_list {
345 background: transparent !important;
346 }
347
348 .repeater tr.row_clone {
349 display: none;
350 }
351
352
353 /*---------------------------------------------------------------------------------------------
354 In Box
355 ---------------------------------------------------------------------------------------------*/
356
357
358 /*---------------------------------------------------------------------------------------------
359 relationship
360 ---------------------------------------------------------------------------------------------*/
361
362 .acf_relationship {
363 position: relative;
364 overflow: hidden;
365 }
366
367 .acf_relationship .relationship_left {
368 width: 50%;
369 float: left;
370 }
371
372 .acf_relationship .relationship_right {
373 width: 50%;
374 float: left;
375 }
376
377 .acf_relationship .relationship_label {
378 font-size: 12px;
379 font-family: sans-serif;
380 color: #999;
381 position: absolute;
382 margin-top: 5px;
383 margin-left: 10px;
384 }
385
386 .acf_relationship .widefat {
387 border-bottom-left-radius: 0;
388 border-bottom-right-radius: 0;
389 }
390
391 .acf_relationship .widefat th {
392 border-bottom: 0 none;
393 }
394
395
396 .acf_relationship .relationship_search {
397 margin: 0;
398 font-size: 12px;
399 line-height: 13px;
400 border-radius: 13px;
401 font-family: sans-serif;
402 padding: 5px 9px !important;
403 }
404
405 .acf_relationship .relationship_list {
406 background: #fff;
407 position: relative;
408 overflow: auto;
409 height: 150px;
410 border: #DFDFDF solid 1px;
411 border-top-width: 0;
412 }
413
414 .acf_relationship .relationship_list a.hide {
415 display: none;
416 }
417
418 .acf_relationship .relationship_list a.filter_hide {
419 display: none;
420 }
421
422 .acf_relationship .relationship_list a {
423 display: block;
424 position: relative;
425 padding: 7px 9px;
426 text-decoration: none;
427 border-bottom: #f8f8f8 solid 1px;
428 }
429
430
431 .acf_relationship .relationship_list a:hover {
432 background: #eaf2fa;
433 border-bottom-color: #eaf2fa;
434 color: #000;
435 }
436
437 .acf_relationship .relationship_right .relationship_list {
438 margin-left: 10px;
439 height: 193px;
440 border-top-width:1px;
441 }
442
443 .acf_relationship .relationship_list a .add {
444 width: 16px;
445 height: 16px;
446 background: url(../images/button_add.png) 0 0 no-repeat;
447 position: absolute;
448 top:0;
449 right: 0;
450 cursor: pointer;
451 margin: 5px 9px 0 0;
452 display: none;
453 }
454
455 .acf_relationship .relationship_list a.sortable_active {
456 background: #eaf2fa;
457 }
458
459 .acf_relationship .relationship_list a:hover .add {
460 display: block;
461 }
462
463 .acf_relationship .relationship_list a .add:hover {
464 background-position: 0 100%;
465 }
466
467 .acf_relationship .relationship_list a .remove {
468 width: 16px;
469 height: 16px;
470 background: url(../images/button_remove.png) 0 0 no-repeat;
471 position: absolute;
472 top:0;
473 right: 0;
474 cursor: pointer;
475 margin: 5px 9px 0 0;
476 display: none;
477 }
478
479 .acf_relationship .relationship_list a:hover .remove {
480 display: block;
481 }
482
483 .acf_relationship .relationship_list a .remove:hover {
484 background-position: 0 100%;
485 }
486
487 .acf_relationship .relationship_right .relationship_list a {
488 cursor: move;
489 }
490
491
492 /*---------------------------------------------------------------------------------------------
493 Flexible Content
494 ---------------------------------------------------------------------------------------------*/
495 .acf_flexible_content {
496
497 }
498
499 .acf_flexible_content > .values > table {
500 margin-bottom: 10px;
501 position: relative;
502 }
503
504 .acf_flexible_content > .values > table > tbody > tr > td {
505 background: transparent;
506 border-right: 1px solid #ededed;
507 border-bottom: 1px solid #ededed;
508 padding: 8px;
509 position: relative;
510 }
511
512 .acf_flexible_content > .values > table > tbody > tr:last-child td {
513 border-bottom: 0 none;
514 }
515
516 .acf_flexible_content > .values > table > tbody > tr td:last-child{
517 border-right: 0 none;
518 }
519
520 .acf_flexible_content > .values > table > tbody > tr:nth-child(even) {
521 background: #F9F9F9;
522 }
523
524 .acf_flexible_content > .values > table > tbody > tr:nth-child(odd) {
525 background: #FCFCFC;
526 }
527
528 .acf_flexible_content > .values > table > thead > tr > th {
529
530 border-right: 1px solid #e1e1e1;
531 }
532
533 .acf_flexible_content > .values > table > thead > tr > th:last-child {
534 border-right: 0 none;
535 }
536
537 .acf_flexible_content > .values > table > tbody > tr:hover > td > a.remove_row {
538 visibility: visible;
539 }
540
541 .acf_flexible_content > .values > table.row_layout > tbody > tr > td > label {
542 display: block;
543 color: #21759B;
544 font-size: 12px;
545 font-weight: bold;
546 padding: 20px 0 8px;
547 text-shadow: 0 1px 0 #FFFFFF;
548 }
549
550 .acf_flexible_content > .values > table.row_layout > tbody > tr > td > label:first-child {
551 padding-top: 0;
552 }
553
554 .acf_flexible_content table tr td.order,
555 .acf_flexible_content table tr th.order{
556 width: 16px;
557 text-align: center;
558 vertical-align: middle;
559 color: #aaa;
560 text-shadow: #fff 0 1px 0;
561 }
562
563 .acf_flexible_content table tr td.order {
564 cursor: move;
565 }
566
567 .acf_flexible_content table tr td.remove,
568 .acf_flexible_content table tr th.remove {
569 width: 16px;
570 vertical-align: middle;
571 }
572
573 .acf_flexible_content table tr td select {
574 width: 120px;
575 margin: 0;
576 }
577
578 .acf_flexible_content .clones {
579 display: none;
580 }
581
582
583 .acf_flexible_content .table_footer {
584 position: relative;
585 padding: 8px 0;
586 }
587
588 .acf_flexible_content .table_footer a.add_row{
589 display: block;
590 float: right;
591 margin: 0;
592 text-align: center;
593 color: #fff;
594 text-decoration: none;
595 }
596
597 .acf_popup {
598 position: absolute;
599 bottom: 25px;
600 right: 0;
601 background: #464646;
602 border-radius: 5px;
603 box-shadow: rgba(0,0,0,0.4) 0 0 13px;
604 margin-bottom: 25px;
605 margin-right: -5px;
606 display: none;
607 }
608
609 .has-right-sidebar .acf_popup {
610 margin-right: -17px;
611 }
612
613 .has-right-sidebar .acf_popup .bit {
614 right: 31px;
615 }
616
617 .acf_popup .bit {
618 position: absolute;
619 width: 56px;
620 height: 25px;
621 right: 17px;
622 margin: -1px 0 0;
623 background: url(../images/popup-bit.png);
624 }
625
626 .acf_popup ul {
627 display: block;
628 margin: 0;
629 padding: 0;
630 }
631
632 .acf_popup ul li {
633 display: block;
634 position: relative;
635 margin: -1px 0 0;
636 padding: 0;
637 }
638
639 .acf_popup ul li:first-child {
640 margin: 0;
641 }
642
643 .acf_popup ul li a {
644 color: #cccccc;
645 font-size: 12px;
646 line-height: 14px;
647 padding: 7px 11px;
648 display: block;
649 border: 1px solid #333333;
650 box-shadow: inset 0 1px 0 #555555;
651 text-decoration: none;
652 min-width: 100px;
653 text-shadow: 0 1px 0 #222222;
654 }
655
656 .acf_popup ul li:first-child a {
657 border-radius: 5px 5px 0 0;
658 }
659
660 .acf_popup ul li:last-child a {
661 border-radius: 0 0 5px 5px;
662 }
663
664 .acf_popup ul li:only-child a {
665 border-radius: 5px 5px 5px 5px;
666 }
667
668 .acf_popup ul li a:hover {
669 background: #2b8ab8;
670 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da0d1', endColorstr='#1f81b2'); /* for IE */
671 background: -webkit-gradient(linear, left top, left bottom, from(#3da0d1), to(#1f81b2)); /* for webkit browsers */
672 background: -moz-linear-gradient(top, #3da0d1, #1f81b2); /* for firefox 3.6+ */
673 border: 1px solid #195572 !important;
674 box-shadow: inset 0 1px 0 #54b5e5;
675 color: #FFFFFF;
676 text-shadow: 0 1px 0 #082e40;
677 cursor: pointer;
678 }
679
680 .acf_flexible_content .no_value_message {
681 padding: 19px;
682 border: #ccc dashed 1px;
683 text-align: center;
684 }
685
686 #acf_color_picker {
687 position: absolute;
688 top: 0;
689 left: 0;
690 display: none;
691 background: #fff;
692 border: #AAAAAA solid 1px;
693 border-radius: 4px;
694 }