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

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