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 / field-group.css
field-group.css
729 lines 14.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*---------------------------------------------------------------------------------------------
2 Postbox
3 ---------------------------------------------------------------------------------------------*/
4
5 #icon-edit {
6 background: url(../images/sprite.png) 0 0 no-repeat;
7 }
8
9 #message p a {
10 display: none;
11 }
12
13 .postbox#acf_fields {
14 border: 0 none;
15 }
16
17 .postbox#acf_fields .handlediv {
18 display: none;
19 }
20
21 .postbox#acf_fields h3.hndle {
22 display: none;
23 }
24
25 .postbox#acf_fields .inside {
26 margin: 0;
27 padding: 0;
28 }
29
30 .postbox#acf_fields a {
31 text-decoration: none;
32 }
33
34 #minor-publishing-actions,
35 #misc-publishing-actions #visibility,
36 #misc-publishing-actions .curtime {
37 display: none;
38 }
39
40 #minor-publishing {
41 border-bottom: 0 none;
42 }
43 #misc-pub-section {
44 border-bottom: 0 none;
45 }
46
47 #misc-publishing-actions .misc-pub-section {
48 border-bottom-color: #F5F5F5;
49 }
50
51
52
53 .postbox {
54 background: #FFFFFF;
55 border: 1px solid #E1E1E1;
56 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
57 position: relative;
58 border-radius: 0;
59 }
60
61 /*---------------------------------------------------------------------------------------------
62 Table
63 ---------------------------------------------------------------------------------------------*/
64 table.widefat.acf {
65 border: 0 none;
66 background: transparent none;
67 }
68
69 table.widefat.acf td {
70 border: 0 none;
71 }
72
73 .acf,
74 .acf tr,
75 .acf tr td {
76 vertical-align: top;
77 }
78
79 .acf tr th span {
80 color: #666;
81 font-size: 10px;
82 line-height: 1.2;
83 font-weight: normal;
84 text-shadow: 0 1px 0 #FFFFFF;
85 }
86
87 .acf tr td.field_order,
88 .acf tr th.field_order {
89 text-indent: 6px;
90 }
91
92 .acf tr td.field_order {
93 cursor: move;
94 }
95
96 .acf tr td.field_order,
97 .acf tr th.field_order,
98 .acf tr td.field_label,
99 .acf tr th.field_label,
100 .acf tr td.field_name,
101 .acf tr th.field_name,
102 .acf tr td.field_type,
103 .acf tr th.field_type {
104 width: 25%;
105 }
106
107
108 .acf.show-field_key tr td.field_order,
109 .acf.show-field_key tr th.field_order,
110 .acf.show-field_key tr td.field_label,
111 .acf.show-field_key tr th.field_label,
112 .acf.show-field_key tr td.field_name,
113 .acf.show-field_key tr th.field_name,
114 .acf.show-field_key tr td.field_type,
115 .acf.show-field_key tr th.field_type,
116 .acf.show-field_key tr td.field_key,
117 .acf.show-field_key tr th.field_key {
118 width: 20%;
119 }
120
121 .acf tr td.field_key,
122 .acf tr th.field_key {
123 display: none;
124 }
125
126 .acf.show-field_key tr td.field_key,
127 .acf.show-field_key tr th.field_key {
128 display: table-cell;
129 }
130
131 .acf tr td {
132 background: transparent;
133 padding: 8px;
134 position: relative;
135 font-size: 12px;
136 }
137
138
139 /* Screen Options */
140 .show-field_key label {
141 padding: 0 2px 0 8px;
142 }
143
144
145 /*---------------------------------------------------------------------------------------------
146 Fields Header
147 ---------------------------------------------------------------------------------------------*/
148 .fields_header {
149 border: #DFDFDF solid 1px;
150 border-bottom: 0 none;
151 }
152
153
154 /*---------------------------------------------------------------------------------------------
155 Field Meta
156 ---------------------------------------------------------------------------------------------*/
157
158 #acf_fields .field_meta {
159 position: relative;
160 overflow: hidden;
161 }
162
163 #acf_fields .field .field_meta {
164 border: #DFDFDF solid 1px;
165 border-top: 0 none;
166 }
167
168 #acf_fields .field .field_meta strong {
169 display: block;
170 padding-bottom: 6px;
171 font-size: 13px;
172 line-height: 13px;
173 }
174
175 #acf_fields .field .field_meta .row_options {
176 font-size: 12px;
177 line-height: 12px;
178 visibility: hidden;
179 }
180
181 #acf_fields .field .field_meta:hover .row_options {
182 visibility: visible;
183 }
184
185 #acf_fields .field.form_open > .field_meta {
186 background-color: #767676;
187 background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#6E6E6E)); /* Safari 4+, Chrome */
188 background-image: -webkit-linear-gradient(top, #808080, #6E6E6E); /* Chrome 10+, Safari 5.1+, iOS 5+ */
189 background-image: -moz-linear-gradient(top, #808080, #6E6E6E); /* Firefox 3.6-15 */
190 background-image: -o-linear-gradient(top, #808080, #6E6E6E); /* Opera 11.10-12.00 */
191 background-image: linear-gradient(to bottom, #808080, #6E6E6E); /* Firefox 16+, IE10, Opera 12.50+ */
192 color: #fff;
193 text-shadow: #000 0 1px 0;
194 border: #565656 solid 1px;
195 }
196
197 #acf_fields .field.form_open > .field_meta td,
198 #acf_fields .field.form_open > .field_meta a {
199 color: #fff;
200 }
201
202 #acf_fields .field.form_open > .field_meta a:hover {
203 color: #ff8a4f;
204 }
205
206 #acf_fields .fields .field .field_meta .circle {
207 width: 19px;
208 height: 19px;
209 text-align: center;
210 font-size: 11px;
211 line-height: 19px;
212 display: block;
213 float: left;
214 margin: 7px 0 0 7px;
215 text-indent: 0;
216 background: #eeeeee;
217 border-radius: 9px;
218 box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
219 }
220
221 #acf_fields .fields .field:nth-child(2n) .field_meta .circle {
222 background: #F7F7F7;
223
224 }
225
226 #acf_fields .field.form_open > .field_meta .circle {
227 background: #636363 !important;
228 box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.2);
229 }
230
231
232 .fields {
233 position: relative;
234 background: #FCFCFC;
235 /* box-shadow: inset 0 0 0 1px #DFDFDF; */
236 }
237
238 .fields .field {
239 position: relative;
240 overflow: hidden;
241 background: #F9F9F9;
242 }
243
244
245 #acf_fields .ui-sortable-helper {
246 box-shadow: 0 1px 5px rgba(0,0,0,0.2);
247 background: #fff;
248 }
249
250 #acf_fields .ui-sortable-placeholder {
251 visibility: visible !important;
252 }
253
254 #acf_fields .ui-sortable-placeholder td {
255 border: 0 none !important;
256 box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
257 background: rgba(0,0,0,0.075);
258 }
259
260 .fields .field:nth-child(even) {
261 background: #FCFCFC;
262 }
263
264 .fields .field_key-field_clone {
265 display: none;
266 }
267
268 .fields .field:first-child {
269 border-top: 0 none;
270 }
271
272 .fields .field:last-child {
273 border-bottom: 0 none;
274 }
275
276 .fields .field.ui-sortable-placeholder {
277 border: 0 none !important;
278 box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
279 background: rgba(0,0,0,0.075);
280 }
281
282
283 /*---------------------------------------------------------------------------------------------
284 Table Body - Fields
285 ---------------------------------------------------------------------------------------------*/
286 .no_fields_message {
287 padding: 15px 10px;
288 border: #DFDFDF solid 1px;
289
290 border: 1px solid #DFDFDF;
291 border-top: 0 none;
292 }
293
294
295 /*---------------------------------------------------------------------------------------------
296 Table Footer
297 ---------------------------------------------------------------------------------------------*/
298 #acf_fields .table_footer {
299 position: relative;
300 overflow: hidden;
301 padding: 8px;
302 background: #EAF2FA;
303 border: #c7d7e2 solid 1px;
304 border-top:0 none;
305 }
306
307 #acf_fields .table_footer .order_message {
308 background: url(../images/sprite.png) -50px 0px no-repeat;
309 color: #7A9BBE;
310 float: left;
311 font-family: Comic Sans MS, sans-serif;
312 font-size: 11px;
313 height: 13px;
314 line-height: 1em;
315 margin: 2px 0 0 11px;
316 padding: 6px 0 0 24px;
317 text-shadow: 0 1px 0 #FFFFFF;
318 width: 161px;
319 }
320
321 #acf_fields .table_footer a#add_field{
322 display: block;
323 float: right;
324 margin: 0;
325 }
326
327 .inline_metabox {
328 border: 0 none;
329 width: 100%;
330 }
331
332 .inline_metabox h3 {
333 border: 0 none;
334 }
335
336 /*---------------------------------------------------------------------------------------------
337 Field Options
338 ---------------------------------------------------------------------------------------------*/
339 .field_options {
340 background: #DFDFDF;
341 position: relative;
342 overflow: hidden;
343 }
344
345 .field_options .field_option {
346 display: none;
347 position: relative;
348 overflow: hidden;
349 padding: 6px;
350 }
351
352 .field_options .field_option.open {
353 display: block;
354 }
355
356 .field_options .field_option table {
357 border: #CCCCCC solid 1px;
358 border-radius: 5px;
359 }
360
361
362 .field_save td {
363 line-height: 25px;
364 }
365
366 .field_instructions textarea {
367 height: 70px;
368 }
369
370 /*---------------------------------------------------------------------------------------------
371 Repeater
372 ---------------------------------------------------------------------------------------------*/
373 .repeater {
374 position: relative;
375 }
376
377 table.acf_input tr td .acf tr td {
378 background: transparent;
379 padding: 8px;
380 position: relative;
381 font-size: 12px;
382 border: 0 none;
383 }
384
385 .field_column_width input[type="number"] {
386 width: 50%;
387 }
388
389 .repeater.layout-row > .fields > .field > .field_form_mask > .field_form > .widefat > tbody > tr.field_column_width {
390 display: none;
391 }
392
393 /*---------------------------------------------------------------------------------------------
394 Field Form
395 ---------------------------------------------------------------------------------------------*/
396 .field_form {
397 border: #7390a5 solid 1px;
398 border-top: 0 none;
399 background: #91bbd9;
400 padding: 10px;
401 clear: both;
402 vertical-align: top;
403 }
404
405 .field_form table.acf_input {
406 border: #86a1b5 solid 1px;
407 position: relative;
408 overflow: hidden;
409 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
410 border-radius: 0;
411 }
412
413 .field_form_mask {
414 display: none;
415 width: 100%;
416 position: relative;
417 overflow: hidden;
418 clear: both;
419 }
420
421
422 /*---------------------------------------------------------------------------------------------
423 *
424 * Location
425 *
426 *---------------------------------------------------------------------------------------------*/
427
428 #acf_location .inside {
429 margin: 0;
430 padding: 0;
431 }
432
433 #acf_location .location-groups {
434 padding: 5px 0;
435 }
436
437 #acf_location h4 {
438 margin: 15px 0 5px;
439 }
440
441 #acf_location .location-group {
442 margin: 0 0 15px;
443 }
444
445 #acf_location .location-group h4 {
446 margin: 0 0 3px;;
447 }
448
449 #acf_location .location-group table.acf_input tbody tr td {
450 padding: 4px;
451 border: 0 none;
452 }
453
454 #acf_location .location-group td.param {
455 width: 40%;
456 }
457
458 #acf_location .location-group td.operator {
459 width: 20%;
460 }
461
462 #acf_location .location-group td.add {
463 width: 40px;
464 }
465
466 #acf_location .location-group td.remove {
467 width: 18px;
468 }
469
470 #acf_location .location-group tr .location-remove-rule {
471 display: none;
472 }
473
474 #acf_location .location-group tr:hover .location-remove-rule {
475 display: block;
476 }
477
478
479 /* Don't allow user to delete the first field group */
480 #acf_location .location-group:first-child tr:first-child:hover .location-remove-rule {
481 display: none;
482 }
483
484
485 /*---------------------------------------------------------------------------------------------
486 Location Rules
487 ---------------------------------------------------------------------------------------------*/
488 .location_rules {
489
490 }
491
492 table.acf-rules {
493
494 }
495
496 table.acf-rules tbody tr {
497
498 }
499
500
501 table.acf-rules tbody tr td.buttons {
502 width: 48px;
503 vertical-align: middle;
504 }
505
506 table.acf-rules tbody tr td.buttons li {
507 padding-left: 5px;
508 }
509
510 table.acf-rules.remove-disabled tbody .acf-button-remove {
511 opacity: 0.4;
512 cursor: default;
513 background-position: -66px -116px !important;
514 }
515
516 table.acf-rules tbody .acf-loading {
517 margin: 0 auto;
518 margin-top: -2px;
519 }
520
521
522 /*---------------------------------------------------------------------------------------------
523 *
524 * Options
525 *
526 *---------------------------------------------------------------------------------------------*/
527
528 .postbox#acf_options .inside {
529 margin: 0;
530 padding: 0;
531 }
532
533 .postbox#acf_options h3 span.description {
534 font-size: 11px;
535 color: #666;
536 font-weight: normal;
537 font-style: normal;
538 padding-left: 4px;
539 }
540
541 .postbox#acf_options ul.checkbox_list {
542 display: block;
543 float: left;
544 width: 300px;
545 }
546
547 .postbox#acf_options ul.checkbox_list li {
548 display: block;
549 }
550
551 ul.checkbox_list li input {
552 margin: 2px 5px 0 0;
553 vertical-align: top;
554 }
555
556
557
558 /*---------------------------------------------------------------------------------------------
559 *
560 * Publish Metabox
561 *
562 *---------------------------------------------------------------------------------------------*/
563
564 .postbox {
565 min-width: 200px;
566 }
567
568 .inner-sidebar #side-sortables,
569 .columns-2 .inner-sidebar #side-sortables {
570 width: 200px;
571 }
572
573 .has-right-sidebar #side-info-column {
574 width: 200px;
575 }
576
577 .has-right-sidebar #post-body-content {
578 margin-right: 220px;
579 }
580
581 #submitdiv .acf-button {
582 width: 100%;
583 }
584
585 #submitdiv a.acf-button {
586 width: auto;
587 margin: 0 0 10px;
588 }
589
590 #submitdiv #delete-action {
591 float: none;
592 margin: 0 0 5px;
593 }
594 #submitdiv #publishing-action {
595 float: none;
596 }
597 #submitdiv #publishing-action img {
598 display: none;
599 }
600
601 #major-publishing-actions {
602 border-top: 0 none;
603 }
604
605 .delete-field-group {
606 color: #BC0B0B;
607 text-decoration: none;
608 }
609
610 .delete-field-group:hover {
611 color: #f00;
612 }
613
614
615
616 /*---------------------------------------------------------------------------------------------
617 *
618 * Select with Optgroup
619 *
620 *---------------------------------------------------------------------------------------------*/
621
622 #acf_fields select optgroup,
623 #acf_location select optgroup {
624 padding: 5px 5px;
625 background: #fff;
626 }
627
628 #acf_fields select optgroup option:first-child,
629 #acf_location select optgroup option:first-child{
630
631 }
632
633 #acf_fields select option,
634 #acf_location select option {
635 padding: 3px;
636 }
637
638 #acf_fields select optgroup option,
639 #acf_location select optgroup option {
640 padding-left: 5px;
641 }
642
643 #acf_fields select optgroup:nth-child(2n),
644 #acf_location select optgroup:nth-child(2n) {
645 background: #F9F9F9;
646 }
647
648
649 /*---------------------------------------------------------------------------------------------
650 *
651 * Conditional Logic
652 *
653 *---------------------------------------------------------------------------------------------*/
654
655 table.conditional-logic-rules {
656 background: transparent;
657 border: 0 none;
658 border-radius: 0;
659 }
660
661 table.conditional-logic-rules tbody td {
662 background: transparent;
663 border: 0 none;
664 }
665
666
667 /*---------------------------------------------------------------------------------------------
668 *
669 * Field: Tab
670 *
671 *---------------------------------------------------------------------------------------------*/
672
673 #acf_fields .fields .field_type-tab tr.field_name,
674 #acf_fields .fields .field_type-tab tr.field_instructions,
675 #acf_fields .fields .field_type-tab tr.required {
676 display: none;
677 }
678
679
680 /*---------------------------------------------------------------------------------------------
681 *
682 * Field: Message
683 *
684 *---------------------------------------------------------------------------------------------*/
685
686 #acf_fields .fields .field_type-message tr.field_name,
687 #acf_fields .fields .field_type-message tr.field_instructions,
688 #acf_fields .fields .field_type-message tr.required {
689 display: none;
690 }
691
692 #acf_fields .fields .field_type-message textarea {
693 height: 175px;
694 }
695
696 /*--------------------------------------------------------------------------
697 *
698 * Retina
699 *
700 *-------------------------------------------------------------------------*/
701
702 @media
703 only screen and (-webkit-min-device-pixel-ratio: 2),
704 only screen and ( min--moz-device-pixel-ratio: 2),
705 only screen and ( -o-min-device-pixel-ratio: 2/1),
706 only screen and ( min-device-pixel-ratio: 2),
707 only screen and ( min-resolution: 192dpi),
708 only screen and ( min-resolution: 2dppx) {
709
710 #icon-edit,
711 #acf_fields .table_footer .order_message {
712 background-image: url(../images/sprite@2x.png);
713 background-size: 100px 600px;
714 }
715
716 }
717
718
719 /*--------------------------------------------------------------------------
720 *
721 * Firefox
722 *
723 *-------------------------------------------------------------------------*/
724
725 @-moz-document url-prefix() {
726 #acf_fields .fields .field .field_meta .circle {
727 line-height: 21px;
728 }
729 }