PluginProbe
Advanced Custom Fields (ACF®) / 4.3.0
Advanced Custom Fields (ACF®) v4.3.0
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 / global.css
global.css
622 lines 13.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*--------------------------------------------------------------------------------------------
2 *
3 * Global
4 *
5 *--------------------------------------------------------------------------------------------*/
6
7 /* Image Replacement */
8 .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; font-size: 0; line-height: 0; }
9 input.ir { border: 0 none; background: none; }
10
11
12 /* Horizontal List */
13 .hl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
14 .hl > li { float: left; display: block; margin: 0; padding: 0; }
15 .hl > li.right { float: right; }
16
17 .hl.center { position: relative; overflow: visible; left: 50%; float: left; }
18 .hl.center > li { position: relative; left: -50%; }
19
20
21 /* Block List */
22 .bl { padding: 0; margin: 0; list-style: none; display: block; position: relative; }
23 .bl > li { display: block; margin: 0; padding: 0; float: none; }
24
25
26 .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
27 .clearfix:after { clear: both; }
28 .clearfix { zoom: 1; }
29
30
31 #icon-acf {
32 background: url(../images/sprite.png) 0 0 no-repeat;
33 }
34
35 .acf-loading {
36 background: url(../images/wpspin_light.gif) no-repeat scroll 50% 50% #EAEAEA;
37 border-radius: 30px;
38 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
39 height: 16px;
40 margin: 10px auto;
41 padding: 6px;
42 width: 16px;
43 }
44
45 .acf-remove-item {
46 -webkit-transition: all 0.4s 0s ease-in-out;
47 -moz-transition: all 0.4s 0s ease-in-out;
48 -o-transition: all 0.4s 0s ease-in-out;
49 transition: all 0.4s 0s ease-in-out;
50
51 -webkit-transform: translate(25px, 0px);
52 -moz-transform: translate(25px, 0px);
53 -o-transform: translate(25px, 0px);
54 transform: translate(25px, 0px);
55
56 opacity: 0;
57 }
58
59 .acf-alert {
60 background: #FCF8E3;
61 border: 1px solid #FBEED5;
62 border-radius: 4px 4px 4px 4px;
63 margin: 20px 0px;
64 padding: 8px 14px;
65 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
66 color: #C09853;
67 }
68
69 .acf-alert p {
70 color: inherit;
71 margin: 0.5em 0;
72 }
73
74 .acf-alert.acf-alert-error {
75 background-color: #F2DEDE;
76 border-color: #EED3D7;
77 color: #B94A48;
78 }
79
80 .acf-alert.acf-alert-success {
81 background-color: #DFF0D8;
82 border-color: #D6E9C6;
83 color: #468847;
84 }
85
86 .acf-message {
87 background: #2F353E;
88 border-radius: 4px 4px 4px 4px;
89 border: #000 solid 1px;
90 color: #fff;
91 text-shadow: 0 1px 0 #000;
92 padding: 0 10px;
93 margin: 10px 0;
94 }
95
96 .acf-message p {
97 font-size: 15px;
98 margin: 15px 0;
99 }
100
101 .acf-message .acf-button,
102 .acf-alert .acf-button{
103 font-size: 15px;
104 padding: 8px 12px;
105 margin-left: 5px;
106 }
107
108 /* icon */
109 [class^="acf-sprite"],
110 [class*=" acf-sprite"] {
111 display: block;
112 width: 16px;
113 height: 16px;
114 float: left;
115 background: url(../images/sprite.png);
116 margin: 0;
117 }
118
119
120 /* Input append / prepend */
121 .acf-input-prepend,
122 .acf-input-append {
123 font-size: 12px;
124 line-height: 15px;
125 height: 15px;
126
127 padding: 5px 7px;
128
129 background: #F4F4F4;
130 border: #DFDFDF solid 1px;
131 }
132
133 .acf-input-prepend {
134 float: left;
135 border-right: 0;
136 border-radius: 3px 0 0 3px;
137 }
138
139 .acf-input-append {
140 float: right;
141 border-left: 0;
142 border-radius: 0 3px 3px 0;
143 }
144
145 .acf-input-wrap {
146 position: relative;
147 overflow: hidden;
148 }
149
150 .acf-input-wrap input {
151 height: 27px;
152 margin: 0;
153 }
154
155 input.acf-is-prepended {
156 border-radius: 0 3px 3px 0 !important;
157 }
158
159 input.acf-is-appended {
160 border-radius: 3px 0 0 3px !important;
161 }
162
163 input.acf-is-prepended.acf-is-appended {
164 border-radius: 0 !important;
165 }
166
167
168 /*--------------------------------------------------------------------------------------------
169 *
170 * WP Box
171 *
172 *--------------------------------------------------------------------------------------------*/
173
174 .wp-box {
175 background: none repeat scroll 0 0 #FFFFFF;
176 border: 1px solid #E1E1E1;
177 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
178 position: relative;
179 }
180 .wp-box .title {
181 background: #f1f1f1;
182 background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
183 background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
184 background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9);
185 background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9);
186 background-image: linear-gradient(to top, #ececec, #f9f9f9);
187 }
188 .wp-box .title h3 {
189 font-size: 15px;
190 font-weight: normal;
191 line-height: 1;
192 margin: 0;
193 padding: 7px 10px;
194 color: #464646;
195 border-bottom: #DFDFDF solid 1px;
196 box-shadow: 0 1px 0 #FFFFFF;
197 text-shadow: 0 1px 0 #FFFFFF;
198 font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
199 }
200 .wp-box .inner {
201 padding: 15px;
202 }
203 .wp-box .footer {
204 background: none repeat scroll 0 0 #F5F5F5;
205 border-top: 1px solid #E1E1E1;
206 overflow: hidden;
207 padding: 10px;
208 position: relative;
209 }
210 .wp-box .footer ul.left {
211 float: left;
212 }
213 .wp-box .footer ul li {
214 margin: 0;
215 padding: 0;
216 }
217 .wp-box .footer ul.left li {
218 margin-right: 10px;
219 }
220 .wp-box .footer ul.right {
221 float: right;
222 }
223 .wp-box .footer ul.right li {
224 margin-left: 10px;
225 }
226
227 .wp-box h2 {
228 margin: .25em 0 .75em;
229 padding: 0;
230 }
231
232 .wp-box h3 {
233 margin: 1.5em 0 0;
234
235 }
236
237 .wp-box p {
238 margin-top: 0.5em;
239 }
240
241 .wp-box-half.left {
242 width: 50%;
243 float: left;
244 }
245
246 .wp-box-half.right {
247 width: 50%;
248 height: 100%;
249 right: 0;
250 position: absolute;
251 background: none repeat scroll 0 0 #F9F9F9;
252 border-left: 1px solid #E1E1E1;
253 }
254
255 .wp-box-half.right .inner {
256
257 }
258
259 .wp-box select {
260 width: 99%;
261 height: auto !important;
262 }
263
264 .wp-box .footer-blue {
265 background-color: #8CC1E9;
266 background-image: -webkit-gradient(linear, left top, left bottom, from(#8CC1E9), to(#72A7CF)); /* Saf4+, Chrome */
267 background-image: -webkit-linear-gradient(top, #8CC1E9, #72A7CF); /* Chrome 10+, Saf5.1+, iOS 5+ */
268 background-image: -moz-linear-gradient(top, #8CC1E9, #72A7CF); /* Firefox 3.6-15 */
269 background-image: -o-linear-gradient(top, #8CC1E9, #72A7CF); /* Opera 11.10+ */
270 background-image: linear-gradient(to bottom, #8CC1E9, #72A7CF); /* Firefox 16+ */
271 color: #FFFFFF;
272 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
273
274 overflow: hidden;
275 padding: 10px;
276 position: relative;
277 }
278
279 .wp-box .footer-blue a {
280 text-decoration: none;
281 text-shadow: none;
282 }
283
284
285 /*---------------------------------------------------------------------------------------------
286 Table
287 ---------------------------------------------------------------------------------------------*/
288 table.acf_input {
289 border: 0 none;
290 background: #fff;
291 }
292
293 table.acf_input tbody tr td {
294 padding: 13px 15px;
295 border-top: 1px solid #f5f5f5;
296 border-bottom: 0 none;
297 }
298
299 table.acf_input tbody tr td.label {
300 width: 24%;
301 vertical-align: top;
302 background: #F9F9F9;
303 border-top: 1px solid #f0f0f0;
304 border-right: 1px solid #E1E1E1;
305 }
306
307 table.acf_input > tbody > tr:first-child > td,
308 table.acf_input > tbody > tr:first-child > td.label {
309 border-top: 0 none;
310 }
311
312 table.acf_input td.label ul.hl {
313 margin: 20px 0 0;
314 }
315 table.acf_input td.label ul.hl li {
316 margin: 0 3px 0 0;
317
318 }
319
320 table.acf_input td.label ul.hl li a.acf-button {
321 font-size: 12px;
322 padding: 6px 10px;
323 font-weight: normal;
324 }
325
326 table.acf_input tbody tr td.label label {
327 display: block;
328 font-size: 12px;
329 font-weight: bold;
330 padding: 0;
331 margin: 0 0 3px;
332 color: #333;
333 }
334
335 table.acf_input tbody tr td.label label span.required {
336 color: #f00;
337 display: inline;
338 margin-left: 3px;
339 }
340
341
342 table.acf_input tbody tr td.label p {
343 display: block;
344 font-size: 12px;
345 padding: 0 !important;
346 margin: 3px 0 0 !important;
347 font-style: normal;
348 line-height: 16px;
349 color: #899194;
350 }
351
352 table.acf_input input[type="text"],
353 table.acf_input input[type="number"],
354 table.acf_input textarea,
355 table.acf_input select{
356 width: 99.95%;
357 padding: 5px;
358 outline: none;
359 }
360
361 table.acf_input select {
362 padding: 2px;
363 }
364
365 table.acf_input select option {
366 padding: 3px;
367 }
368
369 table.acf_input input[type="text"]:focus,
370 table.acf_input textarea:focus,
371 table.acf_input select:focus {
372 border-color:#98B6CB;
373 }
374
375
376 ul.acf-radio-list,
377 ul.acf-checkbox-list {
378 background: transparent !important;
379 position: relative;
380 display: block;
381 padding: 1px;
382 margin: 0;
383 }
384
385 ul.acf-radio-list.horizontal,
386 ul.acf-checkbox-list.horizontal {
387 overflow: hidden;
388 }
389
390 ul.acf-radio-list.horizontal li,
391 ul.acf-checkbox-list.horizontal li {
392 float: left;
393 margin-right: 20px;
394 }
395
396 ul.acf-radio-list li input,
397 ul.acf-checkbox-list li input {
398 margin-top: -1px;
399 margin-right: 5px !important;
400 width: auto !important;
401 }
402
403
404 /*--------------------------------------------------------------------------------------------
405 *
406 * Buttons
407 *
408 *--------------------------------------------------------------------------------------------*/
409
410 a.acf-button,
411 input[type="submit"].acf-button {
412 display: block;
413 border-radius: 3px;
414
415 border: #21759B solid 1px;
416 border-color: #21759B #21759B #1E6A8D;
417
418
419 background: #21759B;
420 background-image: -webkit-gradient(linear, left top, left bottom, from(#2A95C5), to(#21759B)); /* Safari 4+, Chrome */
421 background-image: -webkit-linear-gradient(top, #2A95C5, #21759B); /* Chrome 10+, Safari 5.1+, iOS 5+ */
422 background-image: -moz-linear-gradient(top, #2A95C5, #21759B); /* Firefox 3.6-15 */
423 background-image: -o-linear-gradient(top, #2A95C5, #21759B); /* Opera 11.10+ */
424 background-image: linear-gradient(to bottom, #2A95C5, #21759B); /* Firefox 16+ */
425
426 color: #FFFFFF;
427 font-weight: normal;
428 text-shadow: 0 1px 0 rgba(0,0,0,0.5);
429 font-size: 13px;
430 line-height: 1em;
431 padding: 6px 11px;
432 box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 0 rgba(120, 200, 230, 0.5) inset;
433 cursor: pointer;
434 position: relative;
435 text-align: center;
436 text-decoration: none;
437 }
438
439 a.acf-button:hover,
440 input[type="submit"].acf-button:hover {
441
442 background-color: #3b97c9;
443 background-image: -webkit-gradient(linear, left top, left bottom, from(#3b97c9), to(#246f99)); /* Safari 4+, Chrome */
444 background-image: -webkit-linear-gradient(top, #3b97c9, #246f99); /* Chrome 10+, Safari 5.1+, iOS 5+ */
445 background-image: -moz-linear-gradient(top, #3b97c9, #246f99); /* Firefox 3.6-15 */
446 background-image: -o-linear-gradient(top, #3b97c9, #246f99); /* Opera 11.10+ */
447 background-image: linear-gradient(to bottom, #3b97c9, #246f99); /* Firefox 16+ */
448
449 border-color: #1B607F;
450
451 color: #FFFFFF;
452
453 box-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(120, 200, 230, 0.6) inset;
454 }
455
456 a.acf-button:active,
457 input[type="submit"].acf-button:active {
458 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
459 top: 1px;
460
461 }
462
463 a.acf-button.grey,
464 input[type="submit"].acf-button.grey {
465 border-color: #bbb;
466 text-shadow: 0 1px 0 #fff;
467 color: #454545;
468
469 box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 1px rgba(255, 255, 255, 1) inset;
470
471 background: #fff;
472 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); /* Safari 4+, Chrome */
473 background-image: -webkit-linear-gradient(top, #ffffff, #ececec); /* Chrome 10+, Safari 5.1+, iOS 5+ */
474 background-image: -moz-linear-gradient(top, #ffffff, #ececec); /* Firefox 3.6-15 */
475 background-image: -o-linear-gradient(top, #ffffff, #ececec); /* Opera 11.10+ */
476 background-image: linear-gradient(to bottom, #ffffff, #ececec); /* Firefox 16+ */
477
478 }
479
480 a.acf-button.grey:hover,
481 input[type="submit"].acf-button.grey:hover {
482 border-color: #aaa;
483
484 box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(255, 255, 255, 1) inset;
485 }
486
487 a.acf-button[disabled],
488 a.acf-button.disabled,
489 input[type="submit"].acf-button[disabled] {
490 opacity: 0.7;
491 }
492
493 a.acf-button[disabled]:hover,
494 a.acf-button.disabled:hover,
495 input[type="submit"].acf-button[disabled]:hover {
496
497 }
498
499 a.acf-button-big {
500 font-size: 16px;
501 padding: 13px;
502 }
503
504 div.error a.acf-button {
505 color: #fff;
506 }
507
508 /*--------------------------------------------------------------------------
509 *
510 * ACF add / remove
511 *
512 *-------------------------------------------------------------------------*/
513
514 .acf-button-add,
515 .acf-button-remove,
516 .acf-button-edit,
517 .acf-button-delete {
518 background: url(../images/sprite.png) -16px -116px no-repeat #fff;
519 display: block;
520 height: 18px;
521 width: 18px;
522 border-radius: 9px;
523 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
524 }
525
526 .acf-button-edit,
527 .acf-button-delete {
528 width: 22px;
529 height: 22px;
530 border-radius: 11px;
531 }
532
533 .acf-button-add:hover {
534 background-position: -16px -166px;
535 }
536
537 .acf-button-remove {
538 background-position: -66px -116px;
539 }
540
541 .acf-button-remove:hover {
542 background-position: -66px -166px;
543 }
544
545 .acf-button-edit {
546 background-position: -14px -214px;
547 }
548
549 .acf-button-edit:hover {
550 background-position: -14px -264px;
551 }
552
553 .acf-button-delete {
554 background-position: -64px -214px;
555 }
556
557 .acf-button-delete:hover {
558 background-position: -64px -264px;
559 }
560
561
562 /*--------------------------------------------------------------------------
563 *
564 * Plugin Update Info
565 *
566 *-------------------------------------------------------------------------*/
567
568 .plugins #advanced-custom-fields + .plugin-update-tr .update-message {
569 background: #EAF2FA;
570 border: #C7D7E2 solid 1px;
571 padding: 10px;
572 }
573
574 .acf-plugin-update-info {
575 font-weight: normal;
576 }
577
578 .acf-plugin-update-info h3 {
579 font-size: 12px;
580 line-height: 1em;
581 margin: 15px 0 10px;
582 }
583
584 .acf-plugin-update-info ul {
585 list-style: disc outside;
586 padding-left: 14px;
587 margin: 0;
588 }
589
590
591 /*--------------------------------------------------------------------------
592 *
593 * Retina
594 *
595 *-------------------------------------------------------------------------*/
596
597 @media
598 only screen and (-webkit-min-device-pixel-ratio: 2),
599 only screen and ( min--moz-device-pixel-ratio: 2),
600 only screen and ( -o-min-device-pixel-ratio: 2/1),
601 only screen and ( min-device-pixel-ratio: 2),
602 only screen and ( min-resolution: 192dpi),
603 only screen and ( min-resolution: 2dppx) {
604
605 #icon-acf,
606 .acf-button-add,
607 .acf-button-remove,
608 .acf-button-edit,
609 .acf-button-delete,
610 [class^="acf-sprite"],
611 [class*=" acf-sprite"] {
612 background-image: url(../images/sprite@2x.png);
613 background-size: 100px 600px;
614 }
615
616 .acf-loading {
617 background-image: url(../images/wpspin_light@2x.gif);
618 background-size: 16px 16px;
619 }
620
621 }
622