PluginProbe
Advanced Custom Fields (ACF®) / 3.1.7
Advanced Custom Fields (ACF®) v3.1.7
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 / fields.css

fields.css in Advanced Custom Fields (ACF®) 3.1.7, at css/fields.css

590 lines 11.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*---------------------------------------------------------------------------------------------
2 Postbox
3 ---------------------------------------------------------------------------------------------*/
4 #icon-edit {
5 background: url(../images/acf-icon-32.png) 0 0 no-repeat !important;
6 }
7
8 #toplevel_page_edit-post_type-acf .wp-menu-image { background: url("../../../../wp-admin/images/menu.png") no-repeat scroll 0 -1px transparent; }
9
10 #message p a {
11 display: none;
12 }
13
14 .postbox#acf_fields {
15 border: 0 none;
16 }
17
18 .postbox#acf_fields .handlediv {
19 display: none;
20 }
21
22 .postbox#acf_fields h3.hndle {
23 display: none;
24 }
25
26 .postbox#acf_fields .inside {
27 margin: 0;
28 padding: 0;
29 }
30
31 .postbox#acf_fields a {
32 text-decoration: none;
33 }
34
35 #minor-publishing,
36 #misc-publishing-actions {
37 display: none;
38 }
39
40 /*---------------------------------------------------------------------------------------------
41 Table
42 ---------------------------------------------------------------------------------------------*/
43 table.widefat.acf {
44 border: 0 none;
45 background: transparent none;
46 }
47
48 table.widefat.acf td {
49 border: 0 none;
50 }
51
52 .acf,
53 .acf tr,
54 .acf tr td {
55 vertical-align: top;
56 }
57
58 .acf tr th span {
59 color: #666;
60 font-size: 10px;
61 line-height: 1.2;
62 font-weight: normal;
63 text-shadow: 0 1px 0 #FFFFFF;
64 }
65
66 .acf tr td.field_order,
67 .acf tr th.field_order {
68 text-indent: 6px;
69 }
70
71 .acf tr td.field_order {
72 cursor: move;
73 }
74
75 .acf tr td.field_order,
76 .acf tr th.field_order {
77 width: 25%;
78 }
79
80 .acf tr td.field_label,
81 .acf tr th.field_label {
82 width: 25%;
83 }
84
85 .acf tr td.field_name,
86 .acf tr th.field_name {
87 width: 25%;
88 }
89
90 .acf tr td.field_type,
91 .acf tr th.field_type {
92 width: 25%;
93 }
94
95 .acf tr td {
96 background: transparent;
97 padding: 8px;
98 position: relative;
99 font-size: 12px;
100 }
101
102
103
104
105 /*---------------------------------------------------------------------------------------------
106 Fields Header
107 ---------------------------------------------------------------------------------------------*/
108 .fields_header {
109 -moz-border-radius: 3px 3px 0 0;
110 -webkit-border-radius: 3px 3px 0 0;
111 -khtml-border-radius: 3px 3px 0 0;
112 border-radius: 3px 3px 0 0;
113 border: #DFDFDF solid 1px;
114 border-bottom: 0 none;
115 }
116
117
118 /*---------------------------------------------------------------------------------------------
119 Field Meta
120 ---------------------------------------------------------------------------------------------*/
121
122 #acf_fields .field_meta {
123 position: relative;
124 overflow: hidden;
125 }
126
127 #acf_fields .field .field_meta {
128 border: #DFDFDF solid 1px;
129 border-top: 0 none;
130 }
131
132 #acf_fields .field .field_meta strong {
133 display: block;
134 padding-bottom: 6px;
135 font-size: 13px;
136 line-height: 13px;
137 }
138
139 #acf_fields .field .field_meta .row_options {
140 font-size: 12px;
141 line-height: 12px;
142 visibility: hidden;
143 }
144
145 #acf_fields .field .field_meta:hover .row_options {
146 visibility: visible;
147 }
148
149 #acf_fields .field.form_open > .field_meta {
150 background: #6e6e6e url(../images/backgrounds.png) 0 0 repeat-x;
151 color: #fff;
152 text-shadow: #000 0 1px 0;
153 border: #565656 solid 1px;
154 /*border-top: #565656 solid 1px;
155 border-left:0 none;
156 border-right:0 none;*/
157
158 }
159
160 #acf_fields .field.form_open > .field_meta td,
161 #acf_fields .field.form_open > .field_meta a {
162 color: #fff;
163 }
164
165 #acf_fields .field.form_open > .field_meta a:hover {
166 color: #ff8a4f;
167 }
168
169 #acf_fields .fields .field .field_meta .circle {
170 width: 20px;
171 height: 20px;
172 text-align: center;
173 font-size: 11px;
174 line-height: 20px;
175 display: block;
176 float: left;
177 margin: 7px 0 0 7px;
178 text-indent: 0;
179 background: url(../images/backgrounds.png) 0 -100px no-repeat;
180 }
181
182 #acf_fields .fields .field:nth-child(2n) .field_meta .circle {
183 background-position: 0 -150px;
184
185 }
186
187 #acf_fields .field.form_open > .field_meta .circle {
188 background-position: 0 -50px !important;
189 }
190
191
192 .fields {
193 position: relative;
194 background: #f1f1f1;
195 box-shadow: inset 0 0 0 1px #DFDFDF;
196 }
197
198 .fields .field {
199 position: relative;
200 overflow: hidden;
201 background: #F9F9F9;
202 }
203
204 #acf_fields .field.ui-sortable-helper {
205
206 }
207 #acf_fields .field.ui-sortable-helper {
208 border-top: 1px solid #DFDFDF;
209 border-bottom: 1px solid #DFDFDF;
210 }
211
212 #acf_fields .field.ui-sortable-placeholder + .field {
213 border-top: 1px solid #DFDFDF;
214 }
215
216 .fields .field:nth-child(even) {
217 background: #FCFCFC;
218 }
219
220 .fields .field_clone {
221 display: none;
222 }
223
224 .fields .field:first-child {
225 border-top: 0 none;
226 }
227
228 .fields .field:last-child {
229 border-bottom: 0 none;
230 }
231
232
233
234 /*---------------------------------------------------------------------------------------------
235 Table Body - Fields
236 ---------------------------------------------------------------------------------------------*/
237 .no_fields_message {
238 padding: 15px 10px;
239 text-shadow: #fff 0 1px 0;
240 border: #DFDFDF solid 1px;
241 border-top: #fff solid 1px;
242 }
243
244
245 /*---------------------------------------------------------------------------------------------
246 Table Footer
247 ---------------------------------------------------------------------------------------------*/
248 #acf_fields .table_footer {
249 position: relative;
250 overflow: hidden;
251 padding: 8px;
252 background: #EAF2FA;
253 border: #c7d7e2 solid 1px;
254 border-top:0 none;
255 }
256
257 #acf_fields .table_footer .order_message {
258 background: url(../images/drag_and_drop_to_reorder.png);
259 width: 161px;
260 height: 23px;
261 float: left;
262 margin-left: 13px;
263 }
264
265 #acf_fields .table_footer a#add_field{
266 display: block;
267 float: right;
268 margin: 0;
269 }
270
271 .inline_metabox {
272 border: 0 none;
273 width: 100%;
274 }
275
276 .inline_metabox h3 {
277 border: 0 none;
278 }
279
280 /*---------------------------------------------------------------------------------------------
281 Field Options
282 ---------------------------------------------------------------------------------------------*/
283 .field_options {
284 background: #DFDFDF;
285 position: relative;
286 overflow: hidden;
287 }
288
289 .field_options .field_option {
290 display: none;
291 position: relative;
292 overflow: hidden;
293 padding: 6px;
294 }
295
296 .field_options .field_option.open {
297 display: block;
298 }
299
300 .field_options .field_option table {
301 border: #CCCCCC solid 1px;
302 border-radius: 5px;
303 }
304
305
306 .field_save td {
307 line-height: 25px;
308 }
309 /*---------------------------------------------------------------------------------------------
310 Repeater
311 ---------------------------------------------------------------------------------------------*/
312 .repeater {
313 position: relative;
314 }
315
316 .field_options .field_option .repeater table {
317 }
318
319 table.acf_input tr td .acf tr td {
320 background: transparent;
321 padding: 8px;
322 position: relative;
323 font-size: 12px;
324 border: 0 none;
325 }
326
327
328 /*---------------------------------------------------------------------------------------------
329 Field Form
330 ---------------------------------------------------------------------------------------------*/
331 .field_form {
332 border: #7390a5 solid 1px;
333 border-top: 0 none;
334 background: #91bbd9;
335 padding: 10px;
336 clear: both;
337 vertical-align: top;
338 }
339
340 .field_form table.acf_input {
341 border: #7390a5 solid 1px;
342 position: relative;
343 overflow: hidden;
344 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
345 }
346
347 .field_form table.acf_input tr.field_label td {
348 border-top: 0 none;
349 }
350
351 .field_form table.acf_input td {
352 background: transparent;
353 border-bottom-color: #DFDFDF;
354 border-top-color: #FFFFFF;
355 }
356
357 .field_form_mask {
358 display: none;
359 width: 100%;
360 position: relative;
361 overflow: hidden;
362 clear: both;
363 }
364
365 /*---------------------------------------------------------------------------------------------
366 Location
367 ---------------------------------------------------------------------------------------------*/
368
369 .postbox#acf_location .inside {
370 margin: 0;
371 padding: 0;
372 }
373
374 .postbox#acf_location .widefat {
375 border: 0 none;
376 }
377
378 .postbox#acf_location h3 span.description {
379 font-size: 11px;
380 color: #666;
381 font-weight: normal;
382 font-style: normal;
383 padding-left: 4px;
384 }
385
386 table.acf_input > tbody > tr > td > select[multiple="multiple"] {
387 height: auto !important;
388 }
389
390 td.param {
391 width: 40%;
392 }
393 td.operator {
394 width: 20%;
395 }
396
397 /*---------------------------------------------------------------------------------------------
398 Location Rules
399 ---------------------------------------------------------------------------------------------*/
400 .location_rules {
401
402 }
403
404 table#location_rules {
405
406 }
407
408 table#location_rules tr {
409
410 }
411
412 table#location_rules tr td {
413 padding: 4px;
414 border: 0 none;
415 }
416
417 table#location_rules tr td:first-child {
418 padding-left: 0;
419 }
420
421 table#location_rules tr td:last-child {
422 padding-right: 0;
423 }
424
425 table#location_rules tr td.buttons {
426 width: 40px;
427 vertical-align: middle;
428 }
429
430 table#location_rules a.remove {
431 display: block;
432 width: 16px;
433 height: 16px;
434 background: url(../images/button_remove.png) 0 0 no-repeat;
435 float: left;
436 margin-right: 4px;
437 }
438
439 table#location_rules a.remove:hover {
440 background-position: 0 100%;
441 }
442
443 table#location_rules a.remove.disabled {
444 opacity: 0.4;
445 background-position: 0 0 !important;
446 cursor: default;
447 }
448
449 table#location_rules a.add {
450 display: block;
451 width: 16px;
452 height: 16px;
453 background: url(../images/button_add.png) 0 0 no-repeat;
454 float: left;
455 }
456
457 table#location_rules a.add:hover {
458 background-position: 0 100%;
459 }
460
461 .location_rules p select {
462 width: 50px;
463 }
464
465 table#location_rules .acf-loading {
466 margin: 0 auto;
467 margin-top: -2px;
468 }
469
470
471 /*---------------------------------------------------------------------------------------------
472 *
473 * Options
474 *
475 *---------------------------------------------------------------------------------------------*/
476
477 .postbox#acf_options .inside {
478 margin: 0;
479 padding: 0;
480 }
481
482 .postbox#acf_options h3 span.description {
483 font-size: 11px;
484 color: #666;
485 font-weight: normal;
486 font-style: normal;
487 padding-left: 4px;
488 }
489
490 .postbox#acf_options ul.checkbox_list {
491 display: block;
492 float: left;
493 width: 300px;
494 }
495
496 .postbox#acf_options ul.checkbox_list li {
497 display: block;
498 }
499
500 ul.checkbox_list li input {
501 margin: 2px 5px 0 0;
502 vertical-align: top;
503 }
504
505
506 /*---------------------------------------------------------------------------------------------
507 *
508 * Flexible Content
509 *
510 *---------------------------------------------------------------------------------------------*/
511 table.acf_input table.acf_cf_meta {
512 width: 100%;
513 border: 0 none;
514 }
515
516 table.acf_input table.acf_cf_meta td {
517 border: 0 none;
518 width: 33%;
519 }
520
521 table.acf_input table.acf_cf_meta label {
522 width: 20%;
523 color: #333333;
524 font-weight: bold;
525 }
526
527 table.acf_input table.acf_cf_meta input {
528 width: 80%;
529 }
530
531 table.acf_input table.acf_cf_meta select {
532 width: 75%;
533 }
534
535 .acf_fc_reorder {
536 cursor: move;
537 }
538
539 .ui-state-highlight {
540 height: 40px;
541 }
542
543 .field_form table.acf_input .field_option_flexible_content > td {
544 background: #f9f9f9;
545 }
546
547
548 /*---------------------------------------------------------------------------------------------
549 *
550 * Publish Metabox
551 *
552 *---------------------------------------------------------------------------------------------*/
553
554 .postbox {
555 min-width: 200px;
556 }
557
558 .inner-sidebar #side-sortables,
559 .columns-2 .inner-sidebar #side-sortables {
560 width: 200px;
561 }
562
563 .has-right-sidebar #side-info-column {
564 width: 200px;
565 }
566
567 .has-right-sidebar #post-body-content {
568 margin-right: 220px;
569 }
570
571 #submitdiv .acf-button {
572 width: 100%;
573 }
574
575 #submitdiv a.acf-button {
576 width: 150px;
577 margin: 0 0 10px;
578 }
579
580 #submitdiv #delete-action {
581 float: none;
582 }
583 #submitdiv #publishing-action {
584 float: none;
585 }
586 #submitdiv #publishing-action img {
587 display: none;
588 }
589
590