Custom Facebook Feed - Version 2.5

Version Description

  • New: Added the post story as part of the page/author name at the top of the post
  • New: Added an option to use minified versions of the plugin CSS and JavaScript files: Facebook Feed > Customize > Misc > Misc Settings > Minify CSS and JavaScript files
  • New: Added support for clearing the cache of major caching plugins when the Facebook feed cache is cleared. You can enable this by setting the following setting to be "Yes": Facebook Feed > Customize > Misc > Misc Settings > Force cache to clear on interval
  • Tweak: Improved the text truncation so that it applies to both the post text and description as one block of text and accounts for HTML link tags
  • Tweak: Added an "Auto" option to the Post Limit setting where it will automatically adjust the post limit based on the number of posts you choose to display
  • Tweak: Reorganized the settings pages to be more intuitive
  • Tweak: Added aria-hidden=true to icons to help improve accessibility
  • Tweak: The icon font stylesheet handle has been renamed so it will only be loaded once if another of our plugins is installed
  • Tweak: Error messages are now only shown to admins
  • Tweak: Added a setting to workaround a theme issue that affects the shortening of the post text. If you're experiencing an issue with the shortening of post text then you can enable the following setting: Facebook Feed > Customize > Misc > Misc Settings > Fix text shortening issue
  • Fix: Included a fallback in case the author name and avatar aren't available in visitor posts
  • Fix: Fixed an issue with apostrophes in the header not being escaped correctly
  • Fix: Fixed an issue with the icon font when Font Awesome 5 was added to a site
  • Fix: Added support for the @[ID:page-name] tagging format
  • Fix: The post description is now able to be displayed even if the post text is hidden
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Custom Facebook Feed
Version 2.5
Comparing to
See all releases

Code changes from version 2.4.6 to 2.5

README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: smashballoon
3
Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook group
4
Requires at least: 3.0
5
Tested up to: 4.9
6
- Stable tag: 2.4.6
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -11,7 +11,7 @@ The Custom Facebook Feed allows you to display completely customizable Facebook
11
12
== Description ==
13
14
- Display **completely customizable**, **responsive** and **search engine crawlable** Facebook feeds on your website. Completely match the look and feel of your site with tons of customization options!
15
16
*"The perfect plugin with amazing support! What else do you want? Get it!"* - [JoeJeffries](http://wordpress.org/support/topic/you-dont-already-have-this)
17
@@ -80,7 +80,7 @@ For a full list of FAQs and help with troubleshooting please visit the **[FAQ &
80
81
If you have a Facebook **page** with a URL like this: `https://www.facebook.com/smashballoon` then the Page ID is just `smashballoon`. If your page URL is structured like this: `https://www.facebook.com/pages/smashballoon/123654123654123` then the Page ID is actually the number at the end, so in this case `123654123654123`.
82
83
- If you have a Facebook **group** then use [this tool](https://findmyfbid.com/ "Look Up my ID") to find your Group ID.
84
85
Copy and paste the ID into the [Pro demo](https://smashballoon.com/custom-facebook-feed/demo/) to test it.
86
@@ -265,6 +265,23 @@ You no longer need your own Access Token to use the Custom Facebook Feed Plugin,
265
266
== Changelog ==
267
268
= 2.4.6 =
269
* Compatible with WordPress 4.8
270
3
Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook group
4
Requires at least: 3.0
5
Tested up to: 4.9
6
+ Stable tag: 2.5
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
11
12
== Description ==
13
14
+ Display a **completely customizable**, **responsive** and **search engine crawlable** version of your Facebook feed on your website. Completely match the look and feel of the site with tons of customization options!
15
16
*"The perfect plugin with amazing support! What else do you want? Get it!"* - [JoeJeffries](http://wordpress.org/support/topic/you-dont-already-have-this)
17
80
81
If you have a Facebook **page** with a URL like this: `https://www.facebook.com/smashballoon` then the Page ID is just `smashballoon`. If your page URL is structured like this: `https://www.facebook.com/pages/smashballoon/123654123654123` then the Page ID is actually the number at the end, so in this case `123654123654123`.
82
83
+ If you have a Facebook **group** then use [this tool](http://lookup-id.com/ "Look Up my ID") to find your Group ID.
84
85
Copy and paste the ID into the [Pro demo](https://smashballoon.com/custom-facebook-feed/demo/) to test it.
86
265
266
== Changelog ==
267
268
+ = 2.5 =
269
+ * New: Added the post story as part of the page/author name at the top of the post
270
+ * New: Added an option to use minified versions of the plugin CSS and JavaScript files: `Facebook Feed > Customize > Misc > Misc Settings > Minify CSS and JavaScript files`
271
+ * New: Added support for clearing the cache of major caching plugins when the Facebook feed cache is cleared. You can enable this by setting the following setting to be "Yes": `Facebook Feed > Customize > Misc > Misc Settings > Force cache to clear on interval`
272
+ * Tweak: Improved the text truncation so that it applies to both the post text and description as one block of text and accounts for HTML link tags
273
+ * Tweak: Added an "Auto" option to the Post Limit setting where it will automatically adjust the post limit based on the number of posts you choose to display
274
+ * Tweak: Reorganized the settings pages to be more intuitive
275
+ * Tweak: Added aria-hidden=true to icons to help improve accessibility
276
+ * Tweak: The icon font stylesheet handle has been renamed so it will only be loaded once if another of our plugins is installed
277
+ * Tweak: Error messages are now only shown to admins
278
+ * Tweak: Added a setting to workaround a theme issue that affects the shortening of the post text. If you're experiencing an issue with the shortening of post text then you can enable the following setting: `Facebook Feed > Customize > Misc > Misc Settings > Fix text shortening issue`
279
+ * Fix: Included a fallback in case the author name and avatar aren't available in visitor posts
280
+ * Fix: Fixed an issue with apostrophes in the header not being escaped correctly
281
+ * Fix: Fixed an issue with the icon font when Font Awesome 5 was added to a site
282
+ * Fix: Added support for the @[ID:page-name] tagging format
283
+ * Fix: The post description is now able to be displayed even if the post text is hidden
284
+
285
= 2.4.6 =
286
* Compatible with WordPress 4.8
287
css/cff-admin-style.css CHANGED
@@ -1,3 +1,6 @@
1
#cff-admin th.bump-left,
2
#cff-admin a.bump-left{
3
padding-left: 10px;
@@ -5,6 +8,7 @@
5
#cff-admin .cff-tooltip{
6
display: none;
7
padding: 10px 0;
8
}
9
#cff-admin .cff-tooltip ul{
10
margin-top: 0;
@@ -13,6 +17,11 @@
13
#cff-admin .cff-tooltip li{
14
padding: 4px 0;
15
}
16
#cff-admin .cff-tooltip-link,
17
#cff-admin .cff-external-link{
18
font-size: 13px;
@@ -47,6 +56,24 @@
47
#wpbody-content #cff-admin .metabox-holder {
48
padding-top: 0;
49
}
50
#cff-admin .cff-profile-error{
51
display: none;
52
@@ -61,6 +88,9 @@
61
border-radius: 3px;
62
}
63
#cff-admin .cff-profile-error p{
64
margin: 0;
65
padding: 5px 0;
66
}
@@ -71,13 +101,8 @@
71
margin-top: 5px;
72
}
73
#cff-admin .hndle{
74
- /*background: #333;
75
- color: #fff;*/
76
font-size: 16px;
77
}
78
-
79
-
80
-
81
#cff-admin #cff-header-icon-example{
82
font-size: 28px;
83
top: 6px;
@@ -161,21 +186,26 @@
161
font-size: 13px;
162
}
163
164
165
- #cff-admin .admin-notice a{
166
- display: block;
167
- color: #e24f0e;
168
- text-decoration: none;
169
}
170
- #cff-admin .admin-notice a:hover{
171
- color: #333;
172
}
173
- #cff-admin .admin-notice b{
174
- font-size: 14px;
175
}
176
177
178
-
179
/* Post Layouts */
180
#cff-admin .cff-layouts{
181
width: 100%;
@@ -185,9 +215,10 @@
185
#cff-admin .cff-layout{
186
padding: 0;
187
float: left;
188
- width: 25%;
189
- padding: 1%;
190
- margin-right: 1%;
191
background: #f6f6f6;
192
border: 1px solid #ddd;
193
@@ -195,6 +226,14 @@
195
-webkit-border-radius: 5px;
196
border-radius: 5px;
197
}
198
#cff-admin .cff-layout:hover,
199
#cff-admin .cff-layout:focus{
200
background: #fcfcfc;
@@ -219,10 +258,18 @@
219
filter: alpha(opacity=60);
220
opacity: 0.6;
221
}
222
- #cff-admin .cff-layout:hover,
223
- #cff-admin .cff-layout:focus{
224
- background: #f6f6f6;
225
- cursor: default;
226
}
227
228
/* Access Token field */
@@ -235,6 +282,16 @@
235
content: "\f305";
236
}
237
238
239
#cff-admin #cff_width_options{
240
margin-top: 10px;
@@ -246,29 +303,13 @@
246
top: -2px;
247
}
248
249
- /* Quick links */
250
- #cff-admin .cff_contents_links{
251
- float: left;
252
- clear: both;
253
- width: 100%;
254
- padding-bottom: 12px;
255
- border-bottom: 1px solid #ccc;
256
- margin-bottom: 15px;
257
- }
258
- #cff-admin .cff_contents_links a,
259
- #cff-admin .cff_contents_links span{
260
- display: block;
261
- float: left;
262
- padding: 2px 5px;
263
- }
264
- #cff-admin .cff_contents_links span{
265
- padding-left: 0;
266
- }
267
-
268
/* Shortcode tooltips */
269
#cff-admin label{
270
position: relative;
271
}
272
#cff-admin th{
273
position: relative;
274
}
@@ -281,6 +322,7 @@
281
width: auto;
282
white-space: pre-line;
283
line-height: 1.4;
284
}
285
#cff-admin .cff_shortcode_symbol{
286
position: absolute;
@@ -291,38 +333,364 @@
291
font-size: 11px;
292
margin-left: 5px;
293
}
294
295
- /* Update notice */
296
- /*.sb_instagram_notice{
297
- position: relative;
298
clear: both;
299
- width: 96%;
300
- margin: 20px 0;
301
- background: #F7E6E6;
302
- padding: 15px 1.5%;
303
- border: 1px solid #BA7B7B;
304
- color: #592626;
305
306
- -moz-border-radius: 3px;
307
- -webkit-border-radius: 3px;
308
- border-radius: 3px;
309
}
310
- .sb_instagram_notice .sb_instagram_notice_title{
311
font-size: 18px;
312
- padding-bottom: 5px;
313
}
314
- .sb_instagram_notice p{
315
padding: 0;
316
margin: 0;
317
- font-size: 14px;
318
}
319
- .sb_instagram_dismiss{
320
position: absolute;
321
- top: 10px;
322
- right: 10px;
323
- color: #dd3d36;
324
- text-decoration: none;
325
- }*/
326
327
/* Review notice */
328
.cff_review_notice{
1
+ #cff-admin{
2
+ overflow: hidden;
3
+ }
4
#cff-admin th.bump-left,
5
#cff-admin a.bump-left{
6
padding-left: 10px;
8
#cff-admin .cff-tooltip{
9
display: none;
10
padding: 10px 0;
11
+ font-weight: normal;
12
}
13
#cff-admin .cff-tooltip ul{
14
margin-top: 0;
17
#cff-admin .cff-tooltip li{
18
padding: 4px 0;
19
}
20
+ #cff-admin .cff-highlight{
21
+ background: #ffed51;
22
+ font-weight: bold;
23
+ color: black;
24
+ }
25
#cff-admin .cff-tooltip-link,
26
#cff-admin .cff-external-link{
27
font-size: 13px;
56
#wpbody-content #cff-admin .metabox-holder {
57
padding-top: 0;
58
}
59
+ #cff-admin .cff-notice{
60
+ margin-top: 5px;
61
+ background: #f9ecda;
62
+ padding: 5px 10px;
63
+ border: 1px solid #e89a2e;
64
+ color: #cf6100;
65
+
66
+ -moz-border-radius: 3px;
67
+ -webkit-border-radius: 3px;
68
+ border-radius: 3px;
69
+ }
70
+ #cff-admin .cff-notice a{
71
+ color: #d85600;
72
+ }
73
+ #cff-admin .cff-notice a:hover,
74
+ #cff-admin .cff-notice a:focus{
75
+ color: #a34100;
76
+ }
77
#cff-admin .cff-profile-error{
78
display: none;
79
88
border-radius: 3px;
89
}
90
#cff-admin .cff-profile-error p{
91
+ font-size: 13px;
92
+ }
93
+ #cff-admin .cff-notice p{
94
margin: 0;
95
padding: 5px 0;
96
}
101
margin-top: 5px;
102
}
103
#cff-admin .hndle{
104
font-size: 16px;
105
}
106
#cff-admin #cff-header-icon-example{
107
font-size: 28px;
108
top: 6px;
186
font-size: 13px;
187
}
188
189
+ /* Events only */
190
+ #cff-admin .cff-events-only-options .cff-row,
191
+ #cff-admin .cff-albums-only-options .cff-row{
192
+ padding: 10px 0;
193
+ }
194
195
+ /* Post Types options */
196
+ #cff-admin .cff-post-type-options th,
197
+ #cff-admin .cff-post-type-options td{
198
+ padding: 5px 10px;
199
}
200
+ #cff-admin .cff-post-type-options th{
201
+ width: 150px;
202
+ padding-top: 10px;
203
}
204
+ #cff-admin .cff-post-type-options .cff-tooltip{
205
+ background: rgba(0,0,0,0.05);
206
}
207
208
209
/* Post Layouts */
210
#cff-admin .cff-layouts{
211
width: 100%;
215
#cff-admin .cff-layout{
216
padding: 0;
217
float: left;
218
+ width: 222px;
219
+ padding: 15px 15px 10px 15px;
220
+ margin-right: 15px;
221
+
222
background: #f6f6f6;
223
border: 1px solid #ddd;
224
226
-webkit-border-radius: 5px;
227
border-radius: 5px;
228
}
229
+ @media all and (max-width: 1040px){
230
+ #cff-admin .cff-layout{
231
+ width: 29%;
232
+ padding: 1%;
233
+ margin-right: 1%;
234
+ }
235
+ }
236
+
237
#cff-admin .cff-layout:hover,
238
#cff-admin .cff-layout:focus{
239
background: #fcfcfc;
258
filter: alpha(opacity=60);
259
opacity: 0.6;
260
}
261
+
262
+ #cff-admin footer{
263
+ float: left;
264
+ clear: both;
265
+ width: 100%;
266
+ padding: 0;
267
+ margin: 0;
268
+ }
269
+
270
+ /* Hide clear cache notice */
271
+ .cff-clear-cache-notice{
272
+ display: none;
273
}
274
275
/* Access Token field */
282
content: "\f305";
283
}
284
285
+ #cff-admin .cff-short select,
286
+ #cff-admin .cff-short input {
287
+ width: 50px;
288
+ }
289
+ #cff-admin .cff-medium select {
290
+ width: 250px;
291
+ }
292
+ #cff-admin .cff-wide select{
293
+ width: 400px;
294
+ }
295
296
#cff-admin #cff_width_options{
297
margin-top: 10px;
303
top: -2px;
304
}
305
306
/* Shortcode tooltips */
307
#cff-admin label{
308
position: relative;
309
}
310
+ #cff-admin .cff-load-more-setting label{
311
+ top: -2px;
312
+ }
313
#cff-admin th{
314
position: relative;
315
}
322
width: auto;
323
white-space: pre-line;
324
line-height: 1.4;
325
+ background: #e0e0e0;
326
}
327
#cff-admin .cff_shortcode_symbol{
328
position: absolute;
333
font-size: 11px;
334
margin-left: 5px;
335
}
336
+ #cff-admin .cff-load-more-setting .cff_shortcode_symbol{
337
+ font-size: 10px;
338
+ padding: 1px 3px 2px 2px;
339
+ }
340
341
+ /* Cols */
342
+ #cff-admin .cff-row{
343
+ width: 100%;
344
+ float: left;
345
clear: both;
346
+ padding: 3px 0;
347
+ }
348
+ #cff-admin .cff-col{
349
+ float: left;
350
+ }
351
+ #cff-admin .cff-col.cff-one{
352
+ width: 110px;
353
+ }
354
+ #cff-admin .cff-col.cff-two{
355
+ width: 600px;
356
+ }
357
+ #cff-admin .cff-row input[type=radio],
358
+ #cff-admin .cff-row label{
359
+ margin: 5px 2px 0 0;
360
+ display: inline-block;
361
+ }
362
363
+ /* Quick start */
364
+ #cff-admin .cff_quickstart{
365
+ display: inline-block;
366
+ margin: 15px 0 0 0;
367
+ padding: 15px 20px;
368
+
369
+ border: 1px solid #ddd;
370
+ background: #eee;
371
+ background: rgba(255,255,255,0.5);
372
+
373
+ -moz-border-radius: 5px;
374
+ -webkit-border-radius: 5px;
375
+ border-radius: 5px;
376
+ }
377
+ #cff-admin .cff_quickstart h3,
378
+ #cff-admin .cff_quickstart p{
379
+ margin: 0;
380
+ padding: 5px 0;
381
}
382
+ /* Plugin icon */
383
+ #cff-admin .ctf-footnote.dashicons-admin-plugins:before{
384
+ width: 18px;
385
+ height: 18px;
386
font-size: 18px;
387
+ margin-left: -2px;
388
+ }
389
+
390
+ /* Caching settings */
391
+ #cff-admin #cff-caching-time-settings{
392
+ display: inline-block;
393
+ }
394
+ #cff-admin .cff-caching-cron-options .submit{
395
+ display: inline-block;
396
+ margin: 0;
397
+ padding: 0;
398
+ }
399
+ #cff-admin .cff-caching-sched-notice{
400
+ font-size: 11px;
401
+ display: block;
402
+ width: 100%;
403
+ }
404
+ #cff-admin .cff-caching-sched-notice span{
405
+ color: green;
406
+ background: #e5eae1;
407
+ padding: 5px 10px;
408
+ border-radius: 5px;
409
+ border: 1px solid #ccd3c6;
410
+ display: inline-block;
411
+ }
412
+
413
+ /* Settings page save changes btn */
414
+ #cff-admin .cff-save-settings-btn{
415
+ padding-bottom: 1.5em;
416
+ margin: 30px 0 5px 0;
417
+ display: inline-block;
418
+ background: #eee;
419
+ background: rgba(255,255,255,0.5);
420
+ padding: 10px 15px 10px 10px;
421
+ border-radius: 5px;
422
+ border: 1px solid #ddd;
423
+ }
424
+ #cff-admin .cff-save-settings-btn .cff-more-info{
425
+ background: none;
426
+ }
427
+ #cff-admin .cff-save-settings-btn .submit{
428
+ display: inline-block;
429
+ margin: 0;
430
+ padding: 0;
431
+ }
432
+ #cff-admin .cff-save-settings-btn #submit:active{
433
+ vertical-align: middle;
434
+ margin-top: -3px;
435
+ }
436
+ #cff-admin .cff-save-settings-btn .cff-tooltip-link{
437
+ display: inline-block;
438
+ margin: 5px 0 0 13px;
439
+ color: #444;
440
+ }
441
+ #cff-admin .cff-save-settings-btn .cff-tooltip-link:hover,
442
+ #cff-admin .cff-save-settings-btn .cff-tooltip-link:focus{
443
+ color: #111;
444
+ }
445
+
446
+
447
+ /* Limit manual settings */
448
+ #cff-admin #cff_limit_manual_settings{
449
+ display: inline-block;
450
+ }
451
+ #cff-admin #cff_limit_manual_settings input,
452
+ #cff-admin .cff-caching-page-options input{
453
+ line-height: 28px;
454
+ height: 28px;
455
+ position: relative;
456
+ top: 1px;
457
+ margin: 0;
458
}
459
+
460
+
461
+ /* Quick links */
462
+ #cff-admin .cff_contents_links{
463
+ float: left;
464
+ clear: both;
465
+ width: 98%;
466
+ margin: 0;
467
+ padding: 10px 1%;
468
+ border-top: none;
469
+ margin-bottom: 30px;
470
+ background: #fff;
471
+ border-left: 1px solid #e9e9e9;
472
+
473
+ box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
474
+ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
475
+ -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
476
+ }
477
+ #cff-admin .cff_contents_links a,
478
+ #cff-admin .cff_contents_links span{
479
+ display: block;
480
+ float: left;
481
+ padding: 2px 5px;
482
+ font-size: 12px;
483
+ }
484
+ #cff-admin .cff_contents_links span{
485
+ padding-left: 0;
486
+ }
487
+
488
+ /* Subtabs for Customize page */
489
+ #cff-admin .cff-subtabs{
490
padding: 0;
491
+ margin-left: 1px;
492
+ border-bottom: 0;
493
+ }
494
+ #cff-admin .cff-subtabs a{
495
+ background: none;
496
margin: 0;
497
+ padding: 10px 12px;
498
+ border: none;
499
+ font-size: 13px;
500
+ line-height: 20px;
501
+ }
502
+ #cff-admin .cff-subtabs .nav-tab-active{
503
+ position: relative;
504
+ background: #fff;
505
+
506
+ box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
507
+ -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
508
+ -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
509
}
510
+ #cff-admin .cff-subtabs .nav-tab-active:after{
511
position: absolute;
512
+ width: 100%;
513
+ left: 0;
514
+ bottom: -5px;
515
+ height: 6px;
516
+ content: "";
517
+ background: #fff;
518
+ }
519
+ #cff-admin .cff-expand-button,
520
+ #cff-admin .cff-expand-button p{
521
+ margin-top: 0;
522
+ padding-top: 0;
523
+ }
524
+ #cff-admin .cff-expand-button{
525
+ padding-top: 10px;
526
+ }
527
+ #cff-admin .cff-expand-button a{
528
+ display: inline-block;
529
+ /*width: 450px;*/
530
+ text-align: center;
531
+ }
532
+ #cff-admin .cff-media-position{
533
+ display: none;
534
+ }
535
+ #cff-admin .cff-text-size-setting{
536
+ width: 170px;
537
+ }
538
+ #cff-admin .cff-pixel-label{
539
+ display: inline-block;
540
+ position: relative;
541
+ top: -1px;
542
+ bottom: 2px;
543
+ left: -2px;
544
+ background: #f9f9f9;
545
+ color: #555;
546
+ padding: 5px;
547
+ font-size: 12px;
548
+ border: 1px solid #d6d6d6;
549
+ height: 15px;
550
+ line-height: 15px;
551
+ border-radius: 0 4px 4px 0;
552
+ }
553
+
554
+ /* Show/Hide checkbox labels */
555
+ #cff-admin .cff_show_hide_settings input{
556
+ vertical-align: top;
557
+ margin-top: 2px;
558
+ }
559
+ #cff-admin .cff_show_hide_settings label{
560
+ display: inline-block;
561
+ }
562
+ #cff-admin .cff_show_hide_settings .cff-show-hide-desc{
563
+ font-size: 13px;
564
+ padding: 0 10px 10px 0;
565
+ margin: 0;
566
+ font-style: italic;
567
+ color: #666;
568
+ }
569
+
570
+ /* Support page */
571
+ #cff-admin .cff_support{
572
+ overflow: hidden;
573
+ margin-bottom: 20px;
574
+ width: 70%;
575
+ }
576
+ #cff-admin .cff_support p{
577
+ width: 100%;
578
+ float: left;
579
+ clear: both;
580
+ margin: 0 0 20px 0;
581
+ }
582
+ #cff-admin .cff-support-title{
583
+ font-weight: bold;
584
+ font-size: 16px;
585
+ display: block;
586
+ padding-bottom: 5px;
587
+ }
588
+ #cff-admin .cff-support-faqs{
589
+ float: left;
590
+ clear: both;
591
+ width: 100%;
592
+ padding-left: 5%;
593
+ margin: -10px 0 10px 0;
594
+ }
595
+ #cff-admin .cff-support-faqs ul{
596
+ float: left;
597
+ width: 250px;
598
+ margin-right: 0;
599
+ }
600
+ #cff-admin .cff-support-faqs .cff-faq-col-1{
601
+ width: 200px;
602
+ }
603
+ #cff-admin .cff-support-faqs ul li{
604
+ font-size: 13px;
605
+ margin-bottom: 4px;
606
+ }
607
+ #cff-admin .cff-support-faqs .fa-chevron-right{
608
+ font-size: 8px;
609
+ margin-left: 4px;
610
+ }
611
+ #cff-admin #cff-support-video{
612
+ margin-top: 10px;
613
+ border: 1px solid #ddd;
614
+ display: none;
615
+ }
616
+
617
+ /* Other plugins */
618
+ #cff-admin .cff-other-plugin{
619
+ display: block;
620
+ float: left;
621
+ clear: both;
622
+ width: 99%;
623
+ max-width: 600px;
624
+ padding: 20px 20px 5px 20px;
625
+ margin: 15px 15px 0 0;
626
+ background: #f9f9f9;
627
+ border: 1px solid #ddd;
628
+ border-radius: 5px;
629
+ box-shadow: inset 0 0 5px #eee;
630
+ text-decoration: none;
631
+ box-sizing: border-box;
632
+ }
633
+ #cff-admin .cff-other-plugins-header{
634
+ margin-top: 60px;
635
+ }
636
+ #cff-admin .cff-other-plugins-header span{
637
+ display: inline-block;
638
+ position: relative;
639
+ width: 18px;
640
+ height: 21px;
641
+ top: 3px;
642
+ margin-right: 8px;
643
+ background: url('../img/cff-sprite.png') no-repeat -54px -16px;
644
+ }
645
+ #cff-admin .cff-other-plugin h3{
646
+ padding: 0;
647
+ margin: 0;
648
+ }
649
+
650
+ /* Color picker */
651
+ #cff-admin .wp-picker-container,
652
+ #cff-admin .wp-picker-container:active {
653
+ display: inline-block;
654
+ outline: 0;
655
+ }
656
+
657
+ /* Pro options */
658
+ #cff-admin .cff-pro, #cff-admin .cff-pro label, #cff-admin .cff-pro h3 {
659
+ color: #999 !important;
660
+ }
661
+
662
+ /* Pro notice */
663
+ #cff-admin .cff-pro-notice{
664
+ display: block;
665
+ float: left;
666
+ clear: both;
667
+ margin: 20px 0 0 0;
668
+ overflow: hidden;
669
+ -moz-border-radius: 4px;
670
+ -webkit-border-radius: 4px;
671
+ border-radius: 4px;
672
+ -moz-transition: all 0.5s ease-in-out;
673
+ -webkit-transition: all 0.5s ease-in-out;
674
+ -o-transition: all 0.5s ease-in-out;
675
+ transition: all 0.5s ease-in-out;
676
+ }
677
+ #cff-admin .cff-pro-notice img{
678
+ float: left;
679
+ }
680
+ #cff-admin .cff-pro-notice:hover {
681
+ opacity: 0.95;
682
+ -moz-transition: all 0.1s ease-in-out;
683
+ -webkit-transition: all 0.1s ease-in-out;
684
+ -o-transition: all 0.1s ease-in-out;
685
+ transition: all 0.1s ease-in-out;
686
+ }
687
+ #cff-admin .cff-share-plugin{
688
+ width: 100%;
689
+ float: left;
690
+ clear: both;
691
+ border-top: 1px solid #ccc;
692
+ margin: 20px 0 0 0;
693
+ }
694
695
/* Review notice */
696
.cff_review_notice{
css/cff-style.css CHANGED
@@ -48,7 +48,8 @@
48
-moz-box-sizing: border-box;
49
box-sizing: border-box;
50
}
51
- .cff-header .fa{
52
margin: 0 10px 0 0;
53
padding: 0;
54
}
@@ -71,7 +72,7 @@
71
display: block;
72
}
73
/* Post titles and body text */
74
- #cff h3, #cff h4, #cff h5, #cff h6, #cff p{
75
float: left;
76
width: 100%;
77
clear: both;
@@ -86,7 +87,7 @@
86
white-space: -hp-pre-wrap;
87
word-wrap: break-word;
88
}
89
- #cff.cff-default-styles h3, #cff.cff-default-styles h4, #cff.cff-default-styles h5, #cff.cff-default-styles h6, #cff.cff-default-styles p{
90
line-height: 1.4;
91
}
92
/* Date */
@@ -110,20 +111,25 @@
110
width: 100%;
111
}
112
#cff .cff-author a{
113
- float: left;
114
- display: block;
115
- /*width: 100%;*/
116
- min-width: 100%\9;
117
}
118
#cff .cff-author-img{
119
float: left;
120
width: 40px;
121
margin: 0 0 0 -100% !important;
122
}
123
#cff .cff-author img{
124
float: left;
125
}
126
- #cff .cff-author .cff-author-text span{
127
display: table-cell;
128
vertical-align: middle;
129
height: 40px;
@@ -134,30 +140,45 @@
134
padding-left: 50px;
135
float: none;
136
}
137
#cff.cff-default-styles .cff-author .cff-author-text span{
138
font-weight: 1.2;
139
}
140
#cff.cff-default-styles .cff-author a{
141
text-decoration: none;
142
}
143
144
/* Author Date */
145
#cff .cff-author .cff-author-text{
146
float: left;
147
width: 100%;
148
}
149
- #cff .cff-author .cff-author-text *{
150
float: left;
151
clear: both;
152
width: auto;
153
- margin: 0 0 0 50px;
154
}
155
#cff.cff-default-styles .cff-author .cff-author-text *{
156
font-weight: bold;
157
}
158
#cff .cff-author .cff-date{
159
color: #9197a3;
160
- margin-top: 0px;
161
}
162
#cff.cff-default-styles .cff-author .cff-date{
163
font-weight: normal;
@@ -165,6 +186,7 @@
165
#cff .cff-author .cff-page-name.cff-author-date{
166
float: left;
167
padding: 2px 0 0 0;
168
}
169
170
/*************/
@@ -244,22 +266,35 @@
244
width: 100%;
245
margin-left: 0;
246
}
247
/* Feed events */
248
#cff .cff-details{
249
float: left;
250
clear: none;
251
width: 100%;
252
- padding: 5px 0;
253
}
254
#cff .cff-details h5{
255
margin: 0 0 5px 0;
256
}
257
#cff.cff-default-styles .cff-details h5{
258
font-size: 16px;
259
}
260
#cff.cff-default-styles .cff-details p{
261
font-size: 14px;
262
}
263
#cff .cff-details .cff-info{
264
padding: 10px 0 0 0;
265
}
@@ -308,7 +343,7 @@
308
position: absolute;
309
z-index: 1000;
310
bottom: 22px;
311
- right: -53px;
312
width: 140px;
313
padding: 5px 5px 4px 5px;
314
margin: 0;
@@ -329,17 +364,12 @@
329
margin-left: -3px;
330
color: #333;
331
}
332
- #cff .cff-share-tooltip a .fa{
333
font-size: 16px;
334
margin: 0;
335
padding: 5px;
336
}
337
- #cff .cff-share-tooltip a#sbi_facebook_icon .fa,
338
- #cff .cff-share-tooltip a#sbi_twitter_icon .fa,
339
- #cff .cff-share-tooltip a#sbi_pinterest_icon .fa{
340
- padding-top: 4px;
341
- font-size: 18px;
342
- }
343
#cff .cff-share-tooltip a{
344
display: block;
345
float: left;
@@ -417,6 +447,7 @@
417
}
418
419
#cff .cff-error-msg{
420
font-size: 12px;
421
font-family: sans-serif;
422
}
@@ -447,4 +478,17 @@
447
#cff.cff-width-resp{
448
width: 100% !important;
449
}
450
}
48
-moz-box-sizing: border-box;
49
box-sizing: border-box;
50
}
51
+ .cff-header .fa,
52
+ .cff-header svg{
53
margin: 0 10px 0 0;
54
padding: 0;
55
}
72
display: block;
73
}
74
/* Post titles and body text */
75
+ #cff h3, #cff h4, #cff h5, #cff h6, #cff p, #cff .cff-post-desc{
76
float: left;
77
width: 100%;
78
clear: both;
87
white-space: -hp-pre-wrap;
88
word-wrap: break-word;
89
}
90
+ #cff.cff-default-styles h3, #cff.cff-default-styles h4, #cff.cff-default-styles h5, #cff.cff-default-styles h6, #cff.cff-default-styles p, #cff.cff-default-styles .cff-post-desc{
91
line-height: 1.4;
92
}
93
/* Date */
111
width: 100%;
112
}
113
#cff .cff-author a{
114
+ text-decoration: none;
115
+ border: none;
116
}
117
#cff .cff-author-img{
118
float: left;
119
width: 40px;
120
margin: 0 0 0 -100% !important;
121
+ font-size: 0;
122
+ background: #eee;
123
}
124
#cff .cff-author img{
125
float: left;
126
+ margin: 0 !important;
127
+ padding: 0 !important;
128
+ border: none !important;
129
+ font-size: 0;
130
+ background: #eee;
131
}
132
+ #cff .cff-author .cff-author-text span.cff-page-name{
133
display: table-cell;
134
vertical-align: middle;
135
height: 40px;
140
padding-left: 50px;
141
float: none;
142
}
143
+ #cff .cff-author .cff-story{
144
+ font-weight: normal;
145
+ }
146
#cff.cff-default-styles .cff-author .cff-author-text span{
147
font-weight: 1.2;
148
}
149
#cff.cff-default-styles .cff-author a{
150
text-decoration: none;
151
}
152
+ #cff .cff-author.cff-no-author-info .cff-date{
153
+ margin-top: 14px !important;
154
+ }
155
+ #cff .cff-author.cff-no-author-info .cff-author-img{
156
+ width: 40px;
157
+ height: 40px;
158
+ background: url('../img/cff-avatar.png') no-repeat;
159
+ }
160
161
/* Author Date */
162
#cff .cff-author .cff-author-text{
163
float: left;
164
width: 100%;
165
}
166
+ #cff .cff-author .cff-page-name,
167
+ #cff .cff-author .cff-date{
168
float: left;
169
clear: both;
170
width: auto;
171
+ margin: 0 0 0 50px !important;
172
}
173
#cff.cff-default-styles .cff-author .cff-author-text *{
174
font-weight: bold;
175
+ line-height: 1.2;
176
}
177
#cff .cff-author .cff-date{
178
color: #9197a3;
179
+ font-size: 11px;
180
+ margin-top: 0px !important;
181
+ margin-bottom: 0px !important;
182
}
183
#cff.cff-default-styles .cff-author .cff-date{
184
font-weight: normal;
186
#cff .cff-author .cff-page-name.cff-author-date{
187
float: left;
188
padding: 2px 0 0 0;
189
+ font-size: 14px;
190
}
191
192
/*************/
266
width: 100%;
267
margin-left: 0;
268
}
269
+ #cff .cff-post-desc{
270
+ margin: 5px 0 0 0;
271
+ }
272
/* Feed events */
273
#cff .cff-details{
274
float: left;
275
clear: none;
276
width: 100%;
277
+ margin: 0;
278
+ padding: 0;
279
}
280
#cff .cff-details h5{
281
margin: 0 0 5px 0;
282
}
283
#cff.cff-default-styles .cff-details h5{
284
+ padding: 0;
285
font-size: 16px;
286
}
287
#cff.cff-default-styles .cff-details p{
288
font-size: 14px;
289
}
290
+ #cff .cff-timeline-event .cff-timeline-event-title,
291
+ #cff .cff-timeline-event .cff-date,
292
+ #cff .cff-timeline-event .cff-where,
293
+ #cff .cff-timeline-event .cff-info{
294
+ display: block;
295
+ width: 100%;
296
+ clear: both;
297
+ }
298
#cff .cff-details .cff-info{
299
padding: 10px 0 0 0;
300
}
343
position: absolute;
344
z-index: 1000;
345
bottom: 22px;
346
+ right: -54px;
347
width: 140px;
348
padding: 5px 5px 4px 5px;
349
margin: 0;
364
margin-left: -3px;
365
color: #333;
366
}
367
+ #cff .cff-share-tooltip a .fa,
368
+ #cff .cff-share-tooltip a svg{
369
font-size: 16px;
370
margin: 0;
371
padding: 5px;
372
}
373
#cff .cff-share-tooltip a{
374
display: block;
375
float: left;
447
}
448
449
#cff .cff-error-msg{
450
+ display: none;
451
font-size: 12px;
452
font-family: sans-serif;
453
}
478
#cff.cff-width-resp{
479
width: 100% !important;
480
}
481
+ }
482
+
483
+ /* Stops emojis from floating to the left of sentences */
484
+ #cff .cff-comment .cff-comment-text img,
485
+ #cff img.emoji,
486
+ #cff-lightbox-wrapper .cff-comment .cff-comment-text img,
487
+ #cff-lightbox-wrapper img.emoji{
488
+ float: none;
489
+ max-width: 100%;
490
+ }
491
+ #cff .cff-linebreak{
492
+ display: block;
493
+ height: 5px;
494
}
css/cff-style.min.css ADDED
@@ -0,0 +1 @@
1
+ .cff-wrapper:after{content:"";display:table;clear:both}#cff{float:left;width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-item{float:left;width:100%;clear:both;padding:20px 0 15px;margin:0;border-bottom:1px solid #ddd}#cff .cff-item:first-child{padding-top:0}#cff .cff-item.cff-box,#cff .cff-item.cff-box:first-child{padding:15px;margin:5px 0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cff-header{width:100%;margin:0 0 15px;padding:0;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-share-tooltip,#cff .cff-shared-link{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cff-header .fa,.cff-header svg{margin:0 10px 0 0;padding:0}#cff .cff-less{display:none}#cff.cff-default-styles a{text-decoration:none}#cff.cff-default-styles a:focus,#cff.cff-default-styles a:hover{text-decoration:underline}#cff .cff-author a,#cff.cff-default-styles .cff-author a,#cff.cff-default-styles .cff-credit a{text-decoration:none}#cff .cff-post-text-link{display:block}#cff .cff-post-desc,#cff h3,#cff h4,#cff h5,#cff h6,#cff p{float:left;width:100%;clear:both;padding:0;margin:5px 0;white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}#cff.cff-default-styles .cff-post-desc,#cff.cff-default-styles h3,#cff.cff-default-styles h4,#cff.cff-default-styles h5,#cff.cff-default-styles h6,#cff.cff-default-styles p{line-height:1.4}#cff .cff-date{float:left;min-width:50px;width:auto}#cff.cff-default-styles .cff-date{font-size:11px}#cff .cff-author{float:left;clear:both;margin:0 0 15px;padding:0;line-height:1.2;width:100%}#cff .cff-author a{border:none}#cff .cff-author-img{float:left;width:40px;margin:0 0 0 -100%!important;font-size:0;background:#eee}#cff .cff-author img{float:left;margin:0!important;padding:0!important;border:none!important;font-size:0;background:#eee}#cff .cff-author .cff-author-text span.cff-page-name{display:table-cell;vertical-align:middle;height:40px;margin:0;font-weight:700;padding-left:50px;float:none}#cff .cff-author .cff-story{font-weight:400}#cff.cff-default-styles .cff-author .cff-author-text span{font-weight:1.2}#cff .cff-author.cff-no-author-info .cff-date{margin-top:14px!important}#cff .cff-author.cff-no-author-info .cff-author-img{width:40px;height:40px;background:url(../img/cff-avatar.png) no-repeat}#cff .cff-author .cff-author-text{float:left;width:100%}#cff .cff-author .cff-date,#cff .cff-author .cff-page-name{float:left;clear:both;width:auto;margin:0 0 0 50px!important}#cff.cff-default-styles .cff-author .cff-author-text *{font-weight:700;line-height:1.2}#cff .cff-author .cff-date{color:#9197a3;font-size:11px;margin-top:0!important;margin-bottom:0!important}#cff.cff-default-styles .cff-author .cff-date{font-weight:400}#cff .cff-author .cff-page-name.cff-author-date{float:left;padding:2px 0 0;font-size:14px}#cff .cff-break-word{word-break:break-all}#cff .cff-expand{display:none}#cff.cff-default-styles .cff-expand a{font-size:11px;font-weight:400}#cff .cff-shared-link{float:left;clear:both;width:100%;padding:5px 10px;margin:10px 0 5px;border:1px solid #d9d9d9;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.07);box-sizing:border-box}#cff .cff-no-styles{background:0 0;border:none;padding:0}#cff .cff-link{float:left;clear:both;max-width:20%;margin:10px 0 0}#cff .cff-link img{max-width:100%}#cff .cff-link-title{float:left;clear:both;width:100%;display:block}#cff.cff-default-styles .cff-link-title{font-weight:700}#cff p.cff-link-title{margin:5px 0 0}#cff .cff-text-link{float:left;clear:none;width:72%;margin-left:3%;padding:0 0 5px}#cff .cff-link-caption{margin:0}#cff.cff-default-styles .cff-link-caption{font-size:12px}#cff .cff-text-link.cff-no-image{width:100%;margin-left:0}#cff .cff-post-desc{margin:5px 0 0}#cff .cff-details{float:left;clear:none;width:100%;margin:0;padding:0}#cff .cff-details h5{margin:0 0 5px}#cff.cff-default-styles .cff-details h5{padding:0;font-size:16px}#cff.cff-default-styles .cff-details p{font-size:14px}#cff.cff-default-styles .cff-post-links,#cff.cff-default-styles .cff-post-links a{font-size:11px}#cff .cff-timeline-event .cff-date,#cff .cff-timeline-event .cff-info,#cff .cff-timeline-event .cff-timeline-event-title,#cff .cff-timeline-event .cff-where{display:block;width:100%;clear:both}#cff .cff-details .cff-info{padding:10px 0 0}#cff.cff-default-styles .cff-details .cff-info{line-height:1.2}#cff .cff-desc-wrap{float:left;width:100%}#cff .cff-post-links{float:left;clear:none;padding:5px 0 0;margin:0}#cff .cff-post-links.cff-left{float:left;margin:8px 0}#cff .cff-post-links a:first-child{padding-left:0;margin:0}#cff .cff-dot{padding:0 5px}#cff .cff-share-container{position:relative;display:inline}#cff .cff-share-tooltip{display:none;position:absolute;z-index:1000;bottom:22px;right:-54px;width:140px;padding:5px 5px 4px;margin:0;background:#333;color:#eee;font-size:12px;line-height:1.3;box-sizing:border-box}#cff .cff-share-tooltip .fa-play{position:absolute;font-size:8px;bottom:-6px;left:50%;margin-left:-3px;color:#333}#cff .cff-share-tooltip a .fa,#cff .cff-share-tooltip a svg{font-size:16px;margin:0;padding:5px}#cff .cff-share-tooltip a{display:block;float:left;margin:0!important;padding:0!important;color:#eee!important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#cff .cff-share-tooltip a:hover{color:#fff}#cff .cff-share-tooltip .cff-facebook-icon:hover{background:#3b5998}#cff .cff-share-tooltip .cff-twitter-icon:hover{background:#00aced}#cff .cff-share-tooltip .cff-google-icon:hover{background:#dd4b39}#cff .cff-share-tooltip .cff-linkedin-icon:hover{background:#007bb6}#cff .cff-share-tooltip .cff-pinterest-icon:hover{background:#cb2027}#cff .cff-share-tooltip .cff-email-icon:hover{background:#666}.cff-likebox{float:left;width:100%;position:relative;margin:20px 0 0}.cff-likebox .fb_iframe_widget{width:100%}.cff-likebox .fb_iframe_widget span,.cff-likebox iframe{width:100%!important}.cff-likebox iframe{margin:0;position:relative;top:0;left:0;height:100%}.cff-likebox.cff-top.cff-outside{margin-bottom:10px}.cff-likebox.cff-bottom.cff-outside{margin-top:10px}#cff.cff-fixed-height{overflow:hidden;overflow-y:auto;padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cff .cff-error-msg{display:none;font-size:12px;font-family:sans-serif}#cff #cff-error-reason{display:none;padding:5px 0 0;clear:both}#cff.cff-default-styles .cff-credit{font-size:11px}#cff .cff-credit img{float:left;margin:-2px 5px 0 0}#cff .cff-credit .fa{padding-right:5px;font-size:13px}@media all and (max-width:640px){#cff.cff-width-resp{width:100%!important}}#cff .cff-comment .cff-comment-text img,#cff img.emoji,#cff-lightbox-wrapper .cff-comment .cff-comment-text img,#cff-lightbox-wrapper img.emoji{float:none;max-width:100%}#cff .cff-linebreak{display:block;height:5px}
css/font-awesome.min.css CHANGED
@@ -1,4 +1,4 @@
1
/*!
2
- * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
3
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4
- */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
1
/*!
2
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
custom-facebook-feed-admin.php CHANGED
@@ -101,23 +101,7 @@ function cff_settings_page() {
101
update_option( 'cff_style_settings', $options );
102
103
//Delete ALL transients
104
- global $wpdb;
105
- $table_name = $wpdb->prefix . "options";
106
- $wpdb->query( "
107
- DELETE
108
- FROM $table_name
109
- WHERE `option_name` LIKE ('%\_transient\_cff\_%')
110
- " );
111
- $wpdb->query( "
112
- DELETE
113
- FROM $table_name
114
- WHERE `option_name` LIKE ('%\_transient\_cff\_tle\_%')
115
- " );
116
- $wpdb->query( "
117
- DELETE
118
- FROM $table_name
119
- WHERE `option_name` LIKE ('%\_transient\_timeout\_cff\_%')
120
- " );
121
// Put an settings updated message on the screen
122
?>
123
<div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
@@ -158,16 +142,24 @@ function cff_settings_page() {
158
<br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
159
<div class="cff-tooltip cff-more-info">
160
<ul>
161
- <li><?php _e('If you have a Facebook <b>page</b> with a URL like this: <code>https://www.facebook.com/your_page_name</code> then the Page ID is just <b>your_page_name</b>. If your page URL is structured like this: <code>https://www.facebook.com/pages/your_page_name/123654123654123</code> then the Page ID is actually the number at the end, so in this case <b>123654123654123</b>.</li>', 'custom-facebook-feed'); ?>
162
- <li><?php _e('If you have a Facebook <b>group</b> then use <a href="https://findmyfbid.com/" target="_blank" title="Find my ID">this tool</a> to find your ID.', 'custom-facebook-feed'); ?></li>
163
- <li><?php _e('You can copy and paste your ID into the <a href="https://smashballoon.com/custom-facebook-feed/demo/" target="_blank">demo</a> to test it.', 'custom-facebook-feed'); ?></li>
164
</ul>
165
</div>
166
</td>
167
</tr>
168
169
<tr valign="top">
170
- <th scope="row" style="padding-bottom: 10px;"><?php _e('Enter my own Access Token <i style="font-weight: normal; font-size: 12px;">This is Recommended</i>', 'custom-facebook-feed'); ?></th>
171
<td>
172
<input name="cff_show_access_token" type="checkbox" id="cff_show_access_token" <?php if($show_access_token_val == true) echo "checked"; ?> />&nbsp;<a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e("What is this?", 'custom-facebook-feed'); ?></a>
173
<p class="cff-tooltip cff-more-info"><?php _e("A Facebook Access Token is not required to use this plugin, but we recommend it so that you're not reliant on the token built into the plugin. If you have your own token then you can check this box and enter it here. To get your own Access Token you can follow these <a href='https://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>step-by-step instructions</a>", 'custom-facebook-feed'); ?>.</p>
@@ -229,19 +221,32 @@ function cff_settings_page() {
229
</td>
230
</tr>
231
<tr valign="top">
232
- <th scope="row"><label><?php _e('Change the post limit', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> limit
233
Eg: limit=10</code></th>
234
<td>
235
- <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val, 'custom-facebook-feed' ); ?>" size="4" />
236
- <i style="color: #666; font-size: 11px;">Eg. 20</i> <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
237
- <p class="cff-tooltip cff-more-info"><?php _e("Most users don't need to change the post lmit. The 'limit' is the number of posts retrieved from the Facebook API. By default the plugin retrieves 7 posts more from the Facebook API than you specify in the 'Number of posts to display' field above, as some posts are filtered out. You can alter how many posts are retrieved by manually setting this value. If you choose to retrieve a high number of posts then it will take longer for Facebook to return the posts when the plugin checks for new ones.", 'custom-facebook-feed'); ?></p>
238
</td>
239
</tr>
240
<tr valign="top">
241
- <th scope="row"><?php _e('Check for new Facebook posts every', 'custom-facebook-feed'); ?></th>
242
<td>
243
<input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val, 'custom-facebook-feed' ); ?>" size="4" />
244
- <select name="cff_cache_time_unit">
245
<option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes', 'custom-facebook-feed'); ?></option>
246
<option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours', 'custom-facebook-feed'); ?></option>
247
<option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days', 'custom-facebook-feed'); ?></option>
@@ -438,53 +443,57 @@ function cff_settings_page() {
438
439
</tbody>
440
</table>
441
- <?php submit_button(); ?>
442
- <p>Having trouble using the plugin? Check out the <a href='admin.php?page=cff-top&amp;tab=support'>Support</a> tab.</p>
443
</form>
444
- <hr />
445
- <h3><?php _e('Displaying your Feed', 'custom-facebook-feed'); ?></h3>
446
- <p><?php _e("Copy and paste this shortcode directly into the page, post or widget where you'd like the feed to show up:", 'custom-facebook-feed'); ?></p>
447
- <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" title="<?php _e('To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac).', 'custom-facebook-feed'); ?>" />
448
- <hr />
449
- <h3><?php _e('Customizing your Feed', 'custom-facebook-feed'); ?></h3>
450
- <p><?php _e("Use the <a href='admin.php?page=cff-style'>Customize</a> page to customize your feed. If you're displaying <b>multiple feeds</b> then you can override your settings and customizations by using options directly in the shortcode, like so:", 'custom-facebook-feed'); ?></p>
451
- <p>[custom-facebook-feed id=some-other-page-id num=3 height=500px]</p>
452
- <p><a href="https://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank"><?php _e('See a full list of shortcode options', 'custom-facebook-feed'); ?></a></p>
453
454
- <br />
455
- <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
456
457
- <hr />
458
- <h3><?php _e('Like the plugin? Help spread the word!', 'custom-facebook-feed'); ?></h3>
459
-
460
- <!-- TWITTER -->
461
- <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://wordpress.org/plugins/custom-facebook-feed/" data-text="Display your Facebook posts on your site your way using the Custom Facebook Feed WordPress plugin!" data-via="smashballoon" data-dnt="true">Tweet</a>
462
- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
463
- <style type="text/css">
464
- #twitter-widget-0{ float: left; width: 100px !important; }
465
- .IN-widget{ margin-right: 20px; }
466
- </style>
467
-
468
- <!-- FACEBOOK -->
469
- <div id="fb-root" style="display: none;"></div>
470
- <script>(function(d, s, id) {
471
- var js, fjs = d.getElementsByTagName(s)[0];
472
- if (d.getElementById(id)) return;
473
- js = d.createElement(s); js.id = id;
474
- js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=640861236031365&version=v2.0";
475
- fjs.parentNode.insertBefore(js, fjs);
476
- }(document, 'script', 'facebook-jssdk'));</script>
477
- <div class="fb-like" data-href="https://wordpress.org/plugins/custom-facebook-feed/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true" style="display: block; float: left; margin-right: 20px;"></div>
478
-
479
- <!-- LINKEDIN -->
480
- <script src="//platform.linkedin.com/in.js" type="text/javascript">
481
- lang: en_US
482
- </script>
483
- <script type="IN/Share" data-url="https://wordpress.org/plugins/custom-facebook-feed/"></script>
484
-
485
- <!-- GOOGLE + -->
486
- <script src="https://apis.google.com/js/platform.js" async defer></script>
487
- <div class="g-plusone" data-size="medium" data-href="https://wordpress.org/plugins/custom-facebook-feed/"></div>
488
489
<?php } //End config tab ?>
490
@@ -721,6 +730,7 @@ function cff_style_page() {
721
'cff_cron' => 'unset',
722
'cff_request_method' => 'auto',
723
'cff_disable_styles' => false,
724
725
//New
726
'cff_custom_css' => '',
@@ -733,6 +743,7 @@ function cff_style_page() {
733
'cff_app_id' => '',
734
'cff_show_credit' => '',
735
'cff_font_source' => '',
736
'cff_sep_color' => '',
737
'cff_sep_size' => '1',
738
@@ -927,6 +938,8 @@ function cff_style_page() {
927
$cff_cron = $options[ 'cff_cron' ];
928
$cff_request_method = $options[ 'cff_request_method' ];
929
$cff_disable_styles = $options[ 'cff_disable_styles' ];
930
931
//Page Header
932
$cff_show_header = $options[ 'cff_show_header' ];
@@ -983,7 +996,33 @@ function cff_style_page() {
983
if (isset($_POST[ 'cff_feed_padding' ]) ) $cff_feed_padding = sanitize_text_field( $_POST[ 'cff_feed_padding' ] );
984
if (isset($_POST[ 'cff_bg_color' ]) ) $cff_bg_color = sanitize_text_field( $_POST[ 'cff_bg_color' ] );
985
if (isset($_POST[ 'cff_class' ]) ) $cff_class = sanitize_text_field( $_POST[ 'cff_class' ] );
986
(isset($_POST[ 'cff_show_header' ])) ? $cff_show_header = sanitize_text_field( $_POST[ 'cff_show_header' ] ) : $cff_show_header = '';
987
988
//Post types
989
if (isset($_POST[ 'cff_show_links_type' ]) ) $cff_show_links_type = sanitize_text_field( $_POST[ 'cff_show_links_type' ] );
@@ -998,7 +1037,33 @@ function cff_style_page() {
998
$options[ 'cff_feed_padding' ] = $cff_feed_padding;
999
$options[ 'cff_bg_color' ] = $cff_bg_color;
1000
$options[ 'cff_class' ] = $cff_class;
1001
$options[ 'cff_show_header' ] = $cff_show_header;
1002
1003
//Post types
1004
$options[ 'cff_show_links_type' ] = $cff_show_links_type;
@@ -1023,11 +1088,6 @@ function cff_style_page() {
1023
(isset($_POST[ 'cff_show_event_details' ]) ) ? $cff_show_event_details = sanitize_text_field( $_POST[ 'cff_show_event_details' ] ) : $cff_show_event_details = '';
1024
(isset($_POST[ 'cff_show_meta' ]) ) ? $cff_show_meta = sanitize_text_field( $_POST[ 'cff_show_meta' ] ) : $cff_show_meta = '';
1025
(isset($_POST[ 'cff_show_link' ]) ) ? $cff_show_link = sanitize_text_field( $_POST[ 'cff_show_link' ] ) : $cff_show_link = '';
1026
- //Post Style
1027
- (isset($_POST[ 'cff_post_bg_color' ]) ) ? $cff_post_bg_color = sanitize_text_field( $_POST[ 'cff_post_bg_color' ] ) : $cff_post_bg_color = '';
1028
- (isset($_POST[ 'cff_post_rounded' ]) ) ? $cff_post_rounded = sanitize_text_field( $_POST[ 'cff_post_rounded' ] ) : $cff_post_rounded = '';
1029
- if (isset($_POST[ 'cff_sep_color' ])) $cff_sep_color = sanitize_text_field( $_POST[ 'cff_sep_color' ] );
1030
- if (isset($_POST[ 'cff_sep_size' ])) $cff_sep_size = sanitize_text_field( $_POST[ 'cff_sep_size' ] );
1031
1032
//Layout
1033
$options[ 'cff_preset_layout' ] = $cff_preset_layout;
@@ -1043,11 +1103,6 @@ function cff_style_page() {
1043
$options[ 'cff_show_event_details' ] = $cff_show_event_details;
1044
$options[ 'cff_show_meta' ] = $cff_show_meta;
1045
$options[ 'cff_show_link' ] = $cff_show_link;
1046
- //Post Style
1047
- $options[ 'cff_post_bg_color' ] = $cff_post_bg_color;
1048
- $options[ 'cff_post_rounded' ] = $cff_post_rounded;
1049
- $options[ 'cff_sep_color' ] = $cff_sep_color;
1050
- $options[ 'cff_sep_size' ] = $cff_sep_size;
1051
1052
}
1053
//Update the Typography options
@@ -1056,17 +1111,11 @@ function cff_style_page() {
1056
if (isset($_POST[ 'cff_title_length' ]) ) $cff_title_length_val = sanitize_text_field( $_POST[ $cff_title_length ] );
1057
if (isset($_POST[ 'cff_body_length' ]) ) $cff_body_length_val = sanitize_text_field( $_POST[ $cff_body_length ] );
1058
1059
- //Page Header
1060
- (isset($_POST[ 'cff_header_outside' ])) ? $cff_header_outside = sanitize_text_field( $_POST[ 'cff_header_outside' ] ) : $cff_header_outside = '';
1061
- if (isset($_POST[ 'cff_header_text' ])) $cff_header_text = sanitize_text_field( $_POST[ 'cff_header_text' ] );
1062
- if (isset($_POST[ 'cff_header_bg_color' ])) $cff_header_bg_color = sanitize_text_field( $_POST[ 'cff_header_bg_color' ] );
1063
- if (isset($_POST[ 'cff_header_padding' ])) $cff_header_padding = sanitize_text_field( $_POST[ 'cff_header_padding' ] );
1064
- if (isset($_POST[ 'cff_header_text_size' ])) $cff_header_text_size = sanitize_text_field( $_POST[ 'cff_header_text_size' ] );
1065
- if (isset($_POST[ 'cff_header_text_weight' ])) $cff_header_text_weight = sanitize_text_field( $_POST[ 'cff_header_text_weight' ] );
1066
- if (isset($_POST[ 'cff_header_text_color' ])) $cff_header_text_color = sanitize_text_field( $_POST[ 'cff_header_text_color' ] );
1067
- if (isset($_POST[ 'cff_header_icon' ])) $cff_header_icon = sanitize_text_field( $_POST[ 'cff_header_icon' ] );
1068
- if (isset($_POST[ 'cff_header_icon_color' ])) $cff_header_icon_color = sanitize_text_field( $_POST[ 'cff_header_icon_color' ] );
1069
- if (isset($_POST[ 'cff_header_icon_size' ])) $cff_header_icon_size = sanitize_text_field( $_POST[ 'cff_header_icon_size' ] );
1070
1071
//Author
1072
if (isset($_POST[ 'cff_author_size' ])) $cff_author_size = sanitize_text_field( $_POST[ 'cff_author_size' ] );
@@ -1141,6 +1190,13 @@ function cff_style_page() {
1141
if (isset($_POST[ 'cff_translate_years' ]) ) $cff_translate_years = sanitize_text_field( $_POST[ 'cff_translate_years' ] );
1142
if (isset($_POST[ 'cff_translate_ago' ]) ) $cff_translate_ago = sanitize_text_field( $_POST[ 'cff_translate_ago' ] );
1143
1144
//View on Facebook link
1145
if (isset($_POST[ 'cff_link_size' ]) ) $cff_link_size = sanitize_text_field( $_POST[ 'cff_link_size' ] );
1146
if (isset($_POST[ 'cff_link_weight' ]) ) $cff_link_weight = sanitize_text_field( $_POST[ 'cff_link_weight' ] );
@@ -1155,20 +1211,16 @@ function cff_style_page() {
1155
//Character limits
1156
update_option( $cff_title_length, $cff_title_length_val );
1157
update_option( $cff_body_length, $cff_body_length_val );
1158
- //Page Header
1159
- $options[ 'cff_header_outside' ] = $cff_header_outside;
1160
- $options[ 'cff_header_text' ] = $cff_header_text;
1161
- $options[ 'cff_header_bg_color' ] = $cff_header_bg_color;
1162
- $options[ 'cff_header_padding' ] = $cff_header_padding;
1163
- $options[ 'cff_header_text_size' ] = $cff_header_text_size;
1164
- $options[ 'cff_header_text_weight' ] = $cff_header_text_weight;
1165
- $options[ 'cff_header_text_color' ] = $cff_header_text_color;
1166
- $options[ 'cff_header_icon' ] = $cff_header_icon;
1167
- $options[ 'cff_header_icon_color' ] = $cff_header_icon_color;
1168
- $options[ 'cff_header_icon_size' ] = $cff_header_icon_size;
1169
//Author
1170
$options[ 'cff_author_size' ] = $cff_author_size;
1171
$options[ 'cff_author_color' ] = $cff_author_color;
1172
//Typography
1173
$options[ 'cff_title_format' ] = $cff_title_format;
1174
$options[ 'cff_title_size' ] = $cff_title_size;
@@ -1235,6 +1287,13 @@ function cff_style_page() {
1235
$options[ 'cff_translate_years' ] = $cff_translate_years;
1236
$options[ 'cff_translate_ago' ] = $cff_translate_ago;
1237
1238
//View on Facebook link
1239
$options[ 'cff_link_size' ] = $cff_link_size;
1240
$options[ 'cff_link_weight' ] = $cff_link_weight;
@@ -1248,31 +1307,10 @@ function cff_style_page() {
1248
}
1249
//Update the Misc options
1250
if( isset($_POST[ $style_misc_hidden_field_name ]) && $_POST[ $style_misc_hidden_field_name ] == 'Y' ) {
1251
- //Meta
1252
- if (isset($_POST[ 'cff_icon_style' ])) $cff_icon_style = sanitize_text_field( $_POST[ 'cff_icon_style' ] );
1253
- if (isset($_POST[ 'cff_meta_text_color' ])) $cff_meta_text_color = sanitize_text_field( $_POST[ 'cff_meta_text_color' ] );
1254
- if (isset($_POST[ 'cff_meta_bg_color' ])) $cff_meta_bg_color = sanitize_text_field( $_POST[ 'cff_meta_bg_color' ] );
1255
- if (isset($_POST[ 'cff_nocomments_text' ])) $cff_nocomments_text = sanitize_text_field( $_POST[ 'cff_nocomments_text' ] );
1256
- if (isset($_POST[ 'cff_hide_comments' ])) $cff_hide_comments = sanitize_text_field( $_POST[ 'cff_hide_comments' ] );
1257
//Custom CSS
1258
if (isset($_POST[ 'cff_custom_css' ])) $cff_custom_css = $_POST[ 'cff_custom_css' ];
1259
if (isset($_POST[ 'cff_custom_js' ])) $cff_custom_js = $_POST[ 'cff_custom_js' ];
1260
- //Misc
1261
- (isset($_POST[ 'cff_show_like_box' ])) ? $cff_show_like_box = sanitize_text_field( $_POST[ 'cff_show_like_box' ] ) : $cff_show_like_box = '';
1262
- if (isset($_POST[ 'cff_like_box_position' ])) $cff_like_box_position = sanitize_text_field( $_POST[ 'cff_like_box_position' ] );
1263
- (isset($_POST[ 'cff_like_box_outside' ])) ? $cff_like_box_outside = sanitize_text_field( $_POST[ 'cff_like_box_outside' ] ) : $cff_like_box_outside = '';
1264
- if (isset($_POST[ 'cff_likebox_bg_color' ])) $cff_likebox_bg_color = sanitize_text_field( $_POST[ 'cff_likebox_bg_color' ] );
1265
- if (isset($_POST[ 'cff_like_box_text_color' ])) $cff_like_box_text_color = sanitize_text_field( $_POST[ 'cff_like_box_text_color' ] );
1266
-
1267
- if (isset($_POST[ 'cff_likebox_width' ])) $cff_likebox_width = sanitize_text_field( $_POST[ 'cff_likebox_width' ] );
1268
- if (isset($_POST[ 'cff_likebox_height' ])) $cff_likebox_height = sanitize_text_field( $_POST[ 'cff_likebox_height' ] );
1269
- (isset($_POST[ 'cff_like_box_faces' ])) ? $cff_like_box_faces = sanitize_text_field( $_POST[ 'cff_like_box_faces' ] ) : $cff_like_box_faces = '';
1270
- (isset($_POST[ 'cff_like_box_border' ])) ? $cff_like_box_border = sanitize_text_field( $_POST[ 'cff_like_box_border' ] ) : $cff_like_box_border = '';
1271
- (isset($_POST[ 'cff_like_box_cover' ])) ? $cff_like_box_cover = sanitize_text_field( $_POST[ 'cff_like_box_cover' ] ) : $cff_like_box_cover = '';
1272
- (isset($_POST[ 'cff_like_box_small_header' ])) ? $cff_like_box_small_header = sanitize_text_field( $_POST[ 'cff_like_box_small_header' ] ) : $cff_like_box_small_header = '';
1273
- (isset($_POST[ 'cff_like_box_hide_cta' ])) ? $cff_like_box_hide_cta = sanitize_text_field( $_POST[ 'cff_like_box_hide_cta' ] ) : $cff_like_box_hide_cta = '';
1274
-
1275
-
1276
if (isset($_POST[ 'cff_video_height' ])) $cff_video_height = sanitize_text_field( $_POST[ 'cff_video_height' ] );
1277
if (isset($_POST[ 'cff_video_action' ])) $cff_video_action = sanitize_text_field( $_POST[ 'cff_video_action' ] );
1278
if (isset($_POST[ 'cff_open_links' ])) $cff_open_links = sanitize_text_field( $_POST[ 'cff_open_links' ] );
@@ -1285,31 +1323,12 @@ function cff_style_page() {
1285
if (isset($_POST[ 'cff_cron' ])) $cff_cron = sanitize_text_field( $_POST[ 'cff_cron' ] );
1286
if (isset($_POST[ 'cff_request_method' ])) $cff_request_method = sanitize_text_field( $_POST[ 'cff_request_method' ] );
1287
(isset($_POST[ 'cff_disable_styles' ])) ? $cff_disable_styles = sanitize_text_field( $_POST[ 'cff_disable_styles' ] ) : $cff_disable_styles = '';
1288
1289
- //Meta
1290
- $options[ 'cff_icon_style' ] = $cff_icon_style;
1291
- $options[ 'cff_meta_text_color' ] = $cff_meta_text_color;
1292
- $options[ 'cff_meta_bg_color' ] = $cff_meta_bg_color;
1293
- $options[ 'cff_nocomments_text' ] = $cff_nocomments_text;
1294
- $options[ 'cff_hide_comments' ] = $cff_hide_comments;
1295
//Custom CSS
1296
$options[ 'cff_custom_css' ] = $cff_custom_css;
1297
$options[ 'cff_custom_js' ] = $cff_custom_js;
1298
- //Misc
1299
- $options[ 'cff_show_like_box' ] = $cff_show_like_box;
1300
- $options[ 'cff_like_box_position' ] = $cff_like_box_position;
1301
- $options[ 'cff_like_box_outside' ] = $cff_like_box_outside;
1302
- $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
1303
- $options[ 'cff_like_box_text_color' ] = $cff_like_box_text_color;
1304
-
1305
- $options[ 'cff_likebox_width' ] = $cff_likebox_width;
1306
- $options[ 'cff_likebox_height' ] = $cff_likebox_height;
1307
- $options[ 'cff_like_box_faces' ] = $cff_like_box_faces;
1308
- $options[ 'cff_like_box_border' ] = $cff_like_box_border;
1309
- $options[ 'cff_like_box_cover' ] = $cff_like_box_cover;
1310
- $options[ 'cff_like_box_small_header' ] = $cff_like_box_small_header;
1311
- $options[ 'cff_like_box_hide_cta' ] = $cff_like_box_hide_cta;
1312
-
1313
1314
$options[ 'cff_video_height' ] = $cff_video_height;
1315
$options[ 'cff_video_action' ] = $cff_video_action;
@@ -1324,6 +1343,8 @@ function cff_style_page() {
1324
$options[ 'cff_cron' ] = $cff_cron;
1325
$options[ 'cff_request_method' ] = $cff_request_method;
1326
$options[ 'cff_disable_styles' ] = $cff_disable_styles;
1327
1328
if( $cff_cron == 'no' ) wp_clear_scheduled_hook('cff_cron_job');
1329
@@ -1416,8 +1437,9 @@ function cff_style_page() {
1416
1417
<div id="cff-admin" class="wrap">
1418
<div id="header">
1419
- <h2><?php _e('Customize', 'custom-facebook-feed'); ?></h2>
1420
</div>
1421
<form name="form1" method="post" action="">
1422
<input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
1423
<?php wp_nonce_field( 'cff_saving_customize', 'cff_customize_nonce' ); ?>
@@ -1425,19 +1447,27 @@ function cff_style_page() {
1425
<?php
1426
$cff_active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
1427
?>
1428
<h2 class="nav-tab-wrapper">
1429
- <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $cff_active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General', 'custom-facebook-feed'); ?></a>
1430
- <a href="?page=cff-style&tab=post_layout" class="nav-tab <?php echo $cff_active_tab == 'post_layout' ? 'nav-tab-active' : ''; ?>"><?php _e('Post Layout', 'custom-facebook-feed'); ?></a>
1431
- <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $cff_active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography', 'custom-facebook-feed'); ?></a>
1432
- <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $cff_active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc', 'custom-facebook-feed'); ?></a>
1433
- <a href="?page=cff-style&tab=custom_text" class="nav-tab <?php echo $cff_active_tab == 'custom_text' ? 'nav-tab-active' : ''; ?>"><?php _e('Custom Text / Translate', 'custom-facebook-feed'); ?></a>
1434
</h2>
1435
<?php if( $cff_active_tab == 'general' ) { //Start General tab ?>
1436
1437
<p class="cff_contents_links" id="general">
1438
- <span>Quick links: </span>
1439
- <a href="#general">General</a>
1440
- <a href="#types">Post Types</a>
1441
</p>
1442
1443
<input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
@@ -1450,7 +1480,7 @@ function cff_style_page() {
1450
Eg: width=500px</code></th>
1451
<td>
1452
<input name="cff_feed_width" id="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width, 'custom-facebook-feed' ); ?>" size="6" />
1453
- <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%', 'custom-facebook-feed'); ?></i></span>
1454
<div id="cff_width_options">
1455
<input name="cff_feed_width_resp" type="checkbox" id="cff_feed_width_resp" <?php if($cff_feed_width_resp == true) echo "checked"; ?> /><label for="cff_feed_width_resp"><?php _e('Set to be 100% width on mobile?', 'custom-facebook-feed'); ?></label>
1456
<a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
@@ -1463,14 +1493,18 @@ function cff_style_page() {
1463
Eg: height=500px</code></th>
1464
<td>
1465
<input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height, 'custom-facebook-feed' ); ?>" size="6" />
1466
- <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.', 'custom-facebook-feed'); ?></i></span>
1467
</td>
1468
</tr>
1469
<th class="bump-left" scope="row"><label><?php _e('Feed Padding', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> padding
1470
Eg: padding=20px</code></th>
1471
<td>
1472
<input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding, 'custom-facebook-feed' ); ?>" size="6" />
1473
- <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.', 'custom-facebook-feed'); ?></i></span>
1474
</td>
1475
</tr>
1476
<tr valign="top">
@@ -1485,19 +1519,14 @@ function cff_style_page() {
1485
Eg: class=myfeed</code></th>
1486
<td>
1487
<input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class, 'custom-facebook-feed' ); ?>" size="25" />
1488
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('To add multiple classes separate each with a space, Eg. classone classtwo classthree', 'custom-facebook-feed'); ?></i>
1489
- </td>
1490
- </tr>
1491
- <tr valign="top">
1492
- <th class="bump-left" scope="row"><label><?php _e('Show Feed Header', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> showheader
1493
- Eg: showheader=true</code></th>
1494
- <td>
1495
- <input type="checkbox" name="cff_show_header" id="cff_show_header" <?php if($cff_show_header == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
1496
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Display a header at the top of your feed. You can customize the header <a href="?page=cff-style&tab=typography">here</a>.', 'custom-facebook-feed'); ?></i>
1497
</td>
1498
</tr>
1499
</tbody>
1500
</table>
1501
1502
<hr id="types" />
1503
<table class="form-table">
@@ -1535,1261 +1564,1580 @@ function cff_style_page() {
1535
</tr>
1536
</tbody>
1537
</table>
1538
- <?php submit_button(); ?>
1539
-
1540
- <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1541
- <?php } //End General tab ?>
1542
- <?php if( $cff_active_tab == 'post_layout' ) { //Start Post Layout tab ?>
1543
-
1544
- <p class="cff_contents_links" id="layout">
1545
- <span>Quick links: </span>
1546
- <a href="#layout">Post Layout</a>
1547
- <a href="#showhide">Show/Hide</a>
1548
- <a href="#poststyle">Post Style</a>
1549
- </p>
1550
1551
- <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
1552
- <br />
1553
- <h3><?php _e('Post Layouts', 'custom-facebook-feed'); ?></h3>
1554
- <p><i style="color: #666; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts', 'custom-facebook-feed'); ?></a></i></p>
1555
1556
<table class="form-table">
1557
-
1558
- <hr />
1559
- <h3><?php _e('Show/Hide', 'custom-facebook-feed'); ?></h3>
1560
- <table class="form-table">
1561
- <tbody>
1562
<tr valign="top">
1563
- <th scope="row"><label><?php _e('Include the following in posts: <i style="font-size: 11px;">(when applicable)</i>', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> include exclude
1564
- Eg: include=text,date,likebox
1565
- Eg: exclude=likebox
1566
1567
- Options: author, text, desc, sharedlinks, date, eventtitle, eventdetails, link, likebox</code>
1568
- </th>
1569
<td>
1570
- <div>
1571
- <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
1572
- <label for="cff_show_author"><?php _e('Author name and avatar', 'custom-facebook-feed'); ?></label>
1573
- </div>
1574
- <div>
1575
- <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
1576
- <label for="cff_show_text"><?php _e('Post text', 'custom-facebook-feed'); ?></label>
1577
- </div>
1578
- <div>
1579
- <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
1580
- <label for="cff_show_date"><?php _e('Date', 'custom-facebook-feed'); ?></label>
1581
- </div>
1582
- <div class="cff-disabled">
1583
- <input type="checkbox" id="cff_show_media" disabled />
1584
- <label for="cff_show_media"><?php _e('Photos/videos', 'custom-facebook-feed'); ?></label>
1585
- </div>
1586
- <div>
1587
- <input type="checkbox" name="cff_show_media_link" id="cff_show_media_link" <?php if($cff_show_media_link == true) echo 'checked="checked"' ?> />
1588
- <label for="cff_show_media_link"><?php _e('Media link', 'custom-facebook-feed'); ?></label><a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What is this?'); ?></a>
1589
- <p class="cff-tooltip cff-more-info"><?php _e('Display an icon and link to Facebook if the post contains either a photo or video'); ?></p>
1590
- </div>
1591
- <div>
1592
- <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
1593
- <label for="cff_show_shared_links"><?php _e('Shared links', 'custom-facebook-feed'); ?></label>
1594
- </div>
1595
- <div>
1596
- <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
1597
- <label for="cff_show_desc"><?php _e('Link, photo and video descriptions', 'custom-facebook-feed'); ?></label>
1598
- </div>
1599
- <div>
1600
- <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
1601
- <label for="cff_show_event_title"><?php _e('Event title', 'custom-facebook-feed'); ?></label>
1602
- </div>
1603
- <div>
1604
- <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
1605
- <label for="cff_show_event_details"><?php _e('Event details', 'custom-facebook-feed'); ?></label>
1606
- </div>
1607
- <div class="cff-disabled">
1608
- <input type="checkbox" id="cff_show_meta" disabled />
1609
- <label for="cff_show_meta"><?php _e('Like/shares/comments', 'custom-facebook-feed'); ?></label>
1610
- </div>
1611
- <div>
1612
- <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
1613
- <label for="cff_show_link"><?php _e('View on Facebook', 'custom-facebook-feed'); ?></label>
1614
- </div>
1615
</td>
1616
</tr>
1617
- <tr id="poststyle"><!-- Quick link --></tr>
1618
- </tbody>
1619
- </table>
1620
1621
- <hr />
1622
- <h3><?php _e('Post Style', 'custom-facebook-feed'); ?></h3>
1623
- <table class="form-table">
1624
- <tbody>
1625
<tr valign="top">
1626
- <th class="bump-left" scope="row"><label><?php _e('Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> postbgcolor
1627
- Eg: postbgcolor=ff0000</code></th>
1628
<td>
1629
- <input name="cff_post_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_post_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1630
</td>
1631
</tr>
1632
<tr valign="top">
1633
- <th class="bump-left" scope="row"><label><?php _e('Rounded Corner Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> postcorners
1634
- Eg: postcorners=10</code></th>
1635
<td>
1636
- <input name="cff_post_rounded" type="text" value="<?php esc_attr_e( $cff_post_rounded, 'custom-facebook-feed' ); ?>" size="3" />px <span><i style="color: #666; font-size: 11px; margin-left: 5px;">Eg. 5</i></span>
1637
</td>
1638
</tr>
1639
<tr valign="top">
1640
- <th class="bump-left" scope="row"><label><?php _e('Separating Line Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> sepcolor
1641
- Eg: sepcolor=CFCFCF</code></th>
1642
<td>
1643
- <input name="cff_sep_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_sep_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" /><i style="color: #666; font-size: 11px; margin-left: 5px; position: relative; top: -10px;"><?php _e("Doesn't apply if you have a background color applied to your posts", 'custom-facebook-feed'); ?></i>
1644
</td>
1645
</tr>
1646
<tr valign="top">
1647
- <th class="bump-left" scope="row"><label><?php _e('Separating Line Thickness', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> sepsize
1648
- Eg: sepsize=3</code></th>
1649
<td>
1650
- <input name="cff_sep_size" type="text" value="<?php esc_attr_e( $cff_sep_size, 'custom-facebook-feed' ); ?>" size="1" /><span>px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to hide', 'custom-facebook-feed'); ?></i>
1651
</td>
1652
</tr>
1653
- </tbody>
1654
- </table>
1655
-
1656
- <?php submit_button(); ?>
1657
- <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1658
- <?php } //End Post Layout tab ?>
1659
- <?php if( $cff_active_tab == 'typography' ) { //Start Typography tab ?>
1660
1661
- <p class="cff_contents_links" id="header">
1662
- <span>Quick links: </span>
1663
- <a href="#header">Feed Header</a>
1664
<a href="#author">Post Author</a>
1665
<a href="#text">Post Text</a>
1666
- <a href="#description">Link, Photo and Video Description</a>
1667
<a href="#date">Post Date</a>
1668
- <a href="#links">Shared Links</a>
1669
<a href="#eventtitle">Event Title</a>
1670
<a href="#eventdate">Event Date</a>
1671
<a href="#eventdetails">Event Details</a>
1672
- <a href="#action">View on Facebook</a>
1673
</p>
1674
1675
<input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
1676
<br />
1677
- <p><i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('"Inherit" means that the text will inherit the styles from your theme.', 'custom-facebook-feed'); ?></i></p>
1678
1679
- <div id="poststuff" class="metabox-holder">
1680
- <div class="meta-box-sortables ui-sortable">
1681
-
1682
1683
- <div id="adminform" class="postbox" style="display: block;">
1684
- <div class="handlediv" title="Click to toggle"><br></div>
1685
- <h3 class="hndle"><span><?php _e('Feed Header', 'custom-facebook-feed'); ?></span></h3>
1686
- <div class="inside">
1687
- <table class="form-table">
1688
- <tbody>
1689
- <tr valign="top">
1690
- <th class="bump-left" scope="row"><label><?php _e('Display outside the scrollable area', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headeroutside
1691
- Eg: headeroutside=true</code></th>
1692
- <td>
1693
- <input type="checkbox" name="cff_header_outside" id="cff_header_outside" <?php if($cff_header_outside == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
1694
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Only applicable if you have set a height on the feed', 'custom-facebook-feed'); ?></i>
1695
- </td>
1696
- </tr>
1697
- </tr>
1698
- <th class="bump-left" scope="row"><label><?php _e('Header Text', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertext
1699
- Eg: headertext='Facebook Feed'</code></th>
1700
- <td>
1701
- <input name="cff_header_text" type="text" value="<?php esc_attr_e( $cff_header_text, 'custom-facebook-feed' ); ?>" size="30" />
1702
- <span>Eg. Facebook Feed, Events, News..</span>
1703
- </td>
1704
- </tr>
1705
- <tr valign="top">
1706
- <th class="bump-left" scope="row"><label><?php _e('Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headerbg
1707
- Eg: headerbg=DDD</code></th>
1708
- <td>
1709
- <input name="cff_header_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1710
- </td>
1711
- </tr>
1712
- </tr>
1713
- <th class="bump-left" scope="row"><label><?php _e('Padding', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headerpadding
1714
- Eg: headerpadding=20px</code></th>
1715
- <td>
1716
- <input name="cff_header_padding" type="text" value="<?php esc_attr_e( $cff_header_padding, 'custom-facebook-feed' ); ?>" size="6" />
1717
- <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This is the amount of padding/spacing that goes around the header.', 'custom-facebook-feed'); ?></i></span>
1718
- </td>
1719
- </tr>
1720
- <tr>
1721
- <th class="bump-left" scope="row"><label><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextsize
1722
- Eg: headertextsize=28</code></th>
1723
- <td>
1724
- <select name="cff_header_text_size">
1725
- <option value="inherit" <?php if($cff_header_text_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1726
- <option value="10" <?php if($cff_header_text_size == "10") echo 'selected="selected"' ?> >10px</option>
1727
- <option value="11" <?php if($cff_header_text_size == "11") echo 'selected="selected"' ?> >11px</option>
1728
- <option value="12" <?php if($cff_header_text_size == "12") echo 'selected="selected"' ?> >12px</option>
1729
- <option value="13" <?php if($cff_header_text_size == "13") echo 'selected="selected"' ?> >13px</option>
1730
- <option value="14" <?php if($cff_header_text_size == "14") echo 'selected="selected"' ?> >14px</option>
1731
- <option value="16" <?php if($cff_header_text_size == "16") echo 'selected="selected"' ?> >16px</option>
1732
- <option value="18" <?php if($cff_header_text_size == "18") echo 'selected="selected"' ?> >18px</option>
1733
- <option value="20" <?php if($cff_header_text_size == "20") echo 'selected="selected"' ?> >20px</option>
1734
- <option value="24" <?php if($cff_header_text_size == "24") echo 'selected="selected"' ?> >24px</option>
1735
- <option value="28" <?php if($cff_header_text_size == "28") echo 'selected="selected"' ?> >28px</option>
1736
- <option value="32" <?php if($cff_header_text_size == "32") echo 'selected="selected"' ?> >32px</option>
1737
- <option value="36" <?php if($cff_header_text_size == "36") echo 'selected="selected"' ?> >36px</option>
1738
- <option value="42" <?php if($cff_header_text_size == "42") echo 'selected="selected"' ?> >42px</option>
1739
- <option value="48" <?php if($cff_header_text_size == "48") echo 'selected="selected"' ?> >48px</option>
1740
- <option value="54" <?php if($cff_header_text_size == "54") echo 'selected="selected"' ?> >54px</option>
1741
- <option value="60" <?php if($cff_header_text_size == "60") echo 'selected="selected"' ?> >60px</option>
1742
- </select>
1743
- </td>
1744
- </tr>
1745
- <tr>
1746
- <th class="bump-left" scope="row"><label><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextweight
1747
- Eg: headertextweight=bold</code></th>
1748
- <td>
1749
- <select name="cff_header_text_weight">
1750
- <option value="inherit" <?php if($cff_header_text_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1751
- <option value="normal" <?php if($cff_header_text_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1752
- <option value="bold" <?php if($cff_header_text_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1753
- </select>
1754
- </td>
1755
- </tr>
1756
- <tr>
1757
- <th class="bump-left" scope="row"><label><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextcolor
1758
- Eg: headertextcolor=333</code></th>
1759
- <td>
1760
- <input name="cff_header_text_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_text_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1761
- </td>
1762
- </tr>
1763
- <tr>
1764
- <th class="bump-left" scope="row"><label><?php _e('Icon Type', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericon
1765
- Eg: headericon=facebook</code></th>
1766
- <td>
1767
- <select name="cff_header_icon" id="cff-header-icon">
1768
- <option value="facebook-square" <?php if($cff_header_icon == "facebook-square") echo 'selected="selected"' ?> >Facebook 1</option>
1769
- <option value="facebook" <?php if($cff_header_icon == "facebook") echo 'selected="selected"' ?> >Facebook 2</option>
1770
- <option value="calendar" <?php if($cff_header_icon == "calendar") echo 'selected="selected"' ?> >Events 1</option>
1771
- <option value="calendar-o" <?php if($cff_header_icon == "calendar-o") echo 'selected="selected"' ?> >Events 2</option>
1772
- <option value="picture-o" <?php if($cff_header_icon == "picture-o") echo 'selected="selected"' ?> >Photos</option>
1773
- <option value="users" <?php if($cff_header_icon == "users") echo 'selected="selected"' ?> >People</option>
1774
- <option value="thumbs-o-up" <?php if($cff_header_icon == "thumbs-o-up") echo 'selected="selected"' ?> >Thumbs Up 1</option>
1775
- <option value="thumbs-up" <?php if($cff_header_icon == "thumbs-up") echo 'selected="selected"' ?> >Thumbs Up 2</option>
1776
- <option value="comment-o" <?php if($cff_header_icon == "comment-o") echo 'selected="selected"' ?> >Speech Bubble 1</option>
1777
- <option value="comment" <?php if($cff_header_icon == "comment") echo 'selected="selected"' ?> >Speech Bubble 2</option>
1778
- <option value="ticket" <?php if($cff_header_icon == "ticket") echo 'selected="selected"' ?> >Ticket</option>
1779
- <option value="list-alt" <?php if($cff_header_icon == "list-alt") echo 'selected="selected"' ?> >News List</option>
1780
- <option value="file" <?php if($cff_header_icon == "file") echo 'selected="selected"' ?> >File 1</option>
1781
- <option value="file-o" <?php if($cff_header_icon == "file-o") echo 'selected="selected"' ?> >File 2</option>
1782
- <option value="file-text" <?php if($cff_header_icon == "file-text") echo 'selected="selected"' ?> >File 3</option>
1783
- <option value="file-text-o" <?php if($cff_header_icon == "file-text-o") echo 'selected="selected"' ?> >File 4</option>
1784
- <option value="youtube-play" <?php if($cff_header_icon == "youtube-play") echo 'selected="selected"' ?> >Video</option>
1785
- <option value="youtube" <?php if($cff_header_icon == "youtube") echo 'selected="selected"' ?> >YouTube</option>
1786
- <option value="vimeo-square" <?php if($cff_header_icon == "vimeo-square") echo 'selected="selected"' ?> >Vimeo</option>
1787
- </select>
1788
-
1789
- <i id="cff-header-icon-example" class="fa fa-facebook-square"></i>
1790
- </td>
1791
- </tr>
1792
- <tr>
1793
- <th class="bump-left" scope="row"><label><?php _e('Icon Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericoncolor
1794
- Eg: headericoncolor=FFF</code></th>
1795
- <td>
1796
- <input name="cff_header_icon_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_icon_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1797
- </td>
1798
- </tr>
1799
- <tr>
1800
- <th class="bump-left" scope="row"><label><?php _e('Icon Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericonsize
1801
- Eg: headericonsize=28</code></th>
1802
- <td>
1803
- <select name="cff_header_icon_size" id="cff-header-icon-size">
1804
- <option value="10" <?php if($cff_header_icon_size == "10") echo 'selected="selected"' ?> >10px</option>
1805
- <option value="11" <?php if($cff_header_icon_size == "11") echo 'selected="selected"' ?> >11px</option>
1806
- <option value="12" <?php if($cff_header_icon_size == "12") echo 'selected="selected"' ?> >12px</option>
1807
- <option value="13" <?php if($cff_header_icon_size == "13") echo 'selected="selected"' ?> >13px</option>
1808
- <option value="14" <?php if($cff_header_icon_size == "14") echo 'selected="selected"' ?> >14px</option>
1809
- <option value="16" <?php if($cff_header_icon_size == "16") echo 'selected="selected"' ?> >16px</option>
1810
- <option value="18" <?php if($cff_header_icon_size == "18") echo 'selected="selected"' ?> >18px</option>
1811
- <option value="20" <?php if($cff_header_icon_size == "20") echo 'selected="selected"' ?> >20px</option>
1812
- <option value="24" <?php if($cff_header_icon_size == "24") echo 'selected="selected"' ?> >24px</option>
1813
- <option value="28" <?php if($cff_header_icon_size == "28") echo 'selected="selected"' ?> >28px</option>
1814
- <option value="32" <?php if($cff_header_icon_size == "32") echo 'selected="selected"' ?> >32px</option>
1815
- <option value="36" <?php if($cff_header_icon_size == "36") echo 'selected="selected"' ?> >36px</option>
1816
- <option value="42" <?php if($cff_header_icon_size == "42") echo 'selected="selected"' ?> >42px</option>
1817
- <option value="48" <?php if($cff_header_icon_size == "48") echo 'selected="selected"' ?> >48px</option>
1818
- <option value="54" <?php if($cff_header_icon_size == "54") echo 'selected="selected"' ?> >54px</option>
1819
- <option value="60" <?php if($cff_header_icon_size == "60") echo 'selected="selected"' ?> >60px</option>
1820
- </select>
1821
- </td>
1822
- </tr>
1823
- <tr id="author"><!-- Quick link --></tr>
1824
- </tbody>
1825
- </table>
1826
- </div>
1827
- </div>
1828
1829
- <div id="adminform" class="postbox" style="display: block;">
1830
- <div class="handlediv"><br></div>
1831
- <h3 class="hndle"><span><?php _e('Post Author', 'custom-facebook-feed'); ?></span></h3>
1832
- <div class="inside">
1833
- <table class="form-table">
1834
- <tbody>
1835
- <tr>
1836
- <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> authorsize
1837
- Eg: authorsize=20</code></th>
1838
- <td>
1839
- <select name="cff_author_size">
1840
- <option value="inherit" <?php if($cff_author_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1841
- <option value="10" <?php if($cff_author_size == "10") echo 'selected="selected"' ?> >10px</option>
1842
- <option value="11" <?php if($cff_author_size == "11") echo 'selected="selected"' ?> >11px</option>
1843
- <option value="12" <?php if($cff_author_size == "12") echo 'selected="selected"' ?> >12px</option>
1844
- <option value="13" <?php if($cff_author_size == "13") echo 'selected="selected"' ?> >13px</option>
1845
- <option value="14" <?php if($cff_author_size == "14") echo 'selected="selected"' ?> >14px</option>
1846
- <option value="16" <?php if($cff_author_size == "16") echo 'selected="selected"' ?> >16px</option>
1847
- <option value="18" <?php if($cff_author_size == "18") echo 'selected="selected"' ?> >18px</option>
1848
- <option value="20" <?php if($cff_author_size == "20") echo 'selected="selected"' ?> >20px</option>
1849
- <option value="24" <?php if($cff_author_size == "24") echo 'selected="selected"' ?> >24px</option>
1850
- <option value="28" <?php if($cff_author_size == "28") echo 'selected="selected"' ?> >28px</option>
1851
- <option value="32" <?php if($cff_author_size == "32") echo 'selected="selected"' ?> >32px</option>
1852
- <option value="36" <?php if($cff_author_size == "36") echo 'selected="selected"' ?> >36px</option>
1853
- <option value="42" <?php if($cff_author_size == "42") echo 'selected="selected"' ?> >42px</option>
1854
- <option value="48" <?php if($cff_author_size == "48") echo 'selected="selected"' ?> >48px</option>
1855
- <option value="54" <?php if($cff_author_size == "54") echo 'selected="selected"' ?> >54px</option>
1856
- <option value="60" <?php if($cff_author_size == "60") echo 'selected="selected"' ?> >60px</option>
1857
- </select>
1858
- </td>
1859
- </tr>
1860
- <tr>
1861
- <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> authorcolor
1862
- Eg: authorcolor=ff0000</code></th>
1863
- <td>
1864
- <input name="cff_author_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_author_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1865
- </td>
1866
- </tr>
1867
- <tr id="text"><!-- Quick link --></tr>
1868
- </tbody>
1869
- </table>
1870
- </div>
1871
- </div>
1872
1873
- <div style="margin-top: -15px;">
1874
- <?php submit_button(); ?>
1875
- </div>
1876
- <div id="adminform" class="postbox" style="display: block;">
1877
- <div class="handlediv" title="Click to toggle"><br></div>
1878
- <h3 class="hndle"><span><?php _e('Post Text', 'custom-facebook-feed'); ?></span></h3>
1879
- <div class="inside">
1880
- <table class="form-table">
1881
- <tbody>
1882
- <tr valign="top">
1883
- <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlength
1884
- Eg: textlength=200</code></th>
1885
- <td>
1886
- <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val, 'custom-facebook-feed' ); ?>" size="4" /> <span><?php _e('Characters.', 'custom-facebook-feed'); ?></span> <span>Eg. 200</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('If the post text exceeds this length then a "See More" button will be added. Leave empty to set no maximum length.', 'custom-facebook-feed'); ?></i>
1887
- </td>
1888
- </tr>
1889
- <tr>
1890
- <th><label class="bump-left"><?php _e('Format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textformat
1891
- Eg: textformat=h4</code></th>
1892
- <td>
1893
- <select name="cff_title_format">
1894
- <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
1895
- <option value="h3" <?php if($cff_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
1896
- <option value="h4" <?php if($cff_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
1897
- <option value="h5" <?php if($cff_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
1898
- <option value="h6" <?php if($cff_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
1899
- </select>
1900
- </td>
1901
- </tr>
1902
- <tr>
1903
- <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textsize
1904
- Eg: textsize=12</code></th>
1905
- <td>
1906
- <select name="cff_title_size">
1907
- <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1908
- <option value="10" <?php if($cff_title_size == "10") echo 'selected="selected"' ?> >10px</option>
1909
- <option value="11" <?php if($cff_title_size == "11") echo 'selected="selected"' ?> >11px</option>
1910
- <option value="12" <?php if($cff_title_size == "12") echo 'selected="selected"' ?> >12px</option>
1911
- <option value="13" <?php if($cff_title_size == "13") echo 'selected="selected"' ?> >13px</option>
1912
- <option value="14" <?php if($cff_title_size == "14") echo 'selected="selected"' ?> >14px</option>
1913
- <option value="16" <?php if($cff_title_size == "16") echo 'selected="selected"' ?> >16px</option>
1914
- <option value="18" <?php if($cff_title_size == "18") echo 'selected="selected"' ?> >18px</option>
1915
- <option value="20" <?php if($cff_title_size == "20") echo 'selected="selected"' ?> >20px</option>
1916
- <option value="24" <?php if($cff_title_size == "24") echo 'selected="selected"' ?> >24px</option>
1917
- <option value="28" <?php if($cff_title_size == "28") echo 'selected="selected"' ?> >28px</option>
1918
- <option value="32" <?php if($cff_title_size == "32") echo 'selected="selected"' ?> >32px</option>
1919
- <option value="36" <?php if($cff_title_size == "36") echo 'selected="selected"' ?> >36px</option>
1920
- <option value="42" <?php if($cff_title_size == "42") echo 'selected="selected"' ?> >42px</option>
1921
- <option value="48" <?php if($cff_title_size == "48") echo 'selected="selected"' ?> >48px</option>
1922
- <option value="54" <?php if($cff_title_size == "54") echo 'selected="selected"' ?> >54px</option>
1923
- <option value="60" <?php if($cff_title_size == "60") echo 'selected="selected"' ?> >60px</option>
1924
- </select>
1925
- </td>
1926
- </tr>
1927
- <tr>
1928
- <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textweight
1929
- Eg: textweight=bold</code></th>
1930
- <td>
1931
- <select name="cff_title_weight">
1932
- <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1933
- <option value="normal" <?php if($cff_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1934
- <option value="bold" <?php if($cff_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1935
- </select>
1936
- </td>
1937
- </tr>
1938
- <tr>
1939
- <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textcolor
1940
- Eg: textcolor=333</code></th>
1941
- <td>
1942
- <input name="cff_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_title_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1943
- </td>
1944
- </tr>
1945
- <tr>
1946
- <th><label class="bump-left"><?php _e('Link Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlinkcolor
1947
- Eg: textlinkcolor=E69100</code></th>
1948
- <td>
1949
- <input name="cff_posttext_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_posttext_link_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1950
- </td>
1951
- </tr>
1952
- <tr>
1953
- <th><label class="bump-left"><?php _e('Link Text to Facebook Post?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlink
1954
- Eg: textlink=true</code></th>
1955
- <td><input type="checkbox" name="cff_title_link" id="cff_title_link" <?php if($cff_title_link == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?></td>
1956
- </tr>
1957
-
1958
- <tr>
1959
- <th><label class="bump-left"><?php _e('Link Post Tags?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> posttags
1960
- Eg: posttags=false</code></th>
1961
- <td>
1962
- <input type="checkbox" name="cff_post_tags" id="cff_post_tags" <?php if($cff_post_tags == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
1963
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What are Post Tags?', 'custom-facebook-feed'); ?></a>
1964
- <p class="cff-tooltip cff-more-info"><?php _e("When you tag another Facebook page or user in your post using the @ symbol it creates a post tag, which is a link to either that Facebook page or user profile.", 'custom-facebook-feed'); ?></p>
1965
- </td>
1966
- </tr>
1967
-
1968
- <tr>
1969
- <th><label class="bump-left"><?php _e('Link Hashtags?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkhashtags
1970
- Eg: linkhashtags=false</code></th>
1971
- <td>
1972
- <input type="checkbox" name="cff_link_hashtags" id="cff_link_hashtags" <?php if($cff_link_hashtags == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
1973
- </td>
1974
- </tr>
1975
- <tr id="description"><!-- Quick link --></tr>
1976
- </tbody>
1977
- </table>
1978
- </div>
1979
- </div>
1980
- <div id="adminform" class="postbox" style="display: block;">
1981
- <div class="handlediv" title="Click to toggle"><br></div>
1982
- <h3 class="hndle"><span><?php _e('Link, Photo and Video Description', 'custom-facebook-feed'); ?></span></h3>
1983
- <div class="inside">
1984
- <table class="form-table">
1985
- <tbody>
1986
- <tr valign="top">
1987
- <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> desclength
1988
- Eg: desclength=150</code></th>
1989
- <td>
1990
- <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val, 'custom-facebook-feed' ); ?>" size="4" /> <span><?php _e('Characters. Eg. 200', 'custom-facebook-feed'); ?></span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum length', 'custom-facebook-feed'); ?></i>
1991
- </td>
1992
- </tr>
1993
- <tr>
1994
- <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> descsize
1995
- Eg: descsize=11</code></th>
1996
- <td>
1997
- <select name="cff_body_size">
1998
- <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1999
- <option value="10" <?php if($cff_body_size == "10") echo 'selected="selected"' ?> >10px</option>
2000
- <option value="11" <?php if($cff_body_size == "11") echo 'selected="selected"' ?> >11px</option>
2001
- <option value="12" <?php if($cff_body_size == "12") echo 'selected="selected"' ?> >12px</option>
2002
- <option value="13" <?php if($cff_body_size == "13") echo 'selected="selected"' ?> >13px</option>
2003
- <option value="14" <?php if($cff_body_size == "14") echo 'selected="selected"' ?> >14px</option>
2004
- <option value="16" <?php if($cff_body_size == "16") echo 'selected="selected"' ?> >16px</option>
2005
- <option value="18" <?php if($cff_body_size == "18") echo 'selected="selected"' ?> >18px</option>
2006
- <option value="20" <?php if($cff_body_size == "20") echo 'selected="selected"' ?> >20px</option>
2007
- <option value="24" <?php if($cff_body_size == "24") echo 'selected="selected"' ?> >24px</option>
2008
- <option value="28" <?php if($cff_body_size == "28") echo 'selected="selected"' ?> >28px</option>
2009
- <option value="32" <?php if($cff_body_size == "32") echo 'selected="selected"' ?> >32px</option>
2010
- <option value="36" <?php if($cff_body_size == "36") echo 'selected="selected"' ?> >36px</option>
2011
- <option value="42" <?php if($cff_body_size == "42") echo 'selected="selected"' ?> >42px</option>
2012
- <option value="48" <?php if($cff_body_size == "48") echo 'selected="selected"' ?> >48px</option>
2013
- <option value="54" <?php if($cff_body_size == "54") echo 'selected="selected"' ?> >54px</option>
2014
- <option value="60" <?php if($cff_body_size == "60") echo 'selected="selected"' ?> >60px</option>
2015
- </select>
2016
- </td>
2017
- </tr>
2018
- <tr>
2019
- <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> descweight
2020
- Eg: descweight=bold</code></th>
2021
- <td>
2022
- <select name="cff_body_weight">
2023
- <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2024
- <option value="normal" <?php if($cff_body_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
2025
- <option value="bold" <?php if($cff_body_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
2026
- </select>
2027
- </td>
2028
- </tr>
2029
- <tr>
2030
- <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> desccolor
2031
- Eg: desccolor=9F9F9F</code></th>
2032
-
2033
- <td>
2034
- <input name="cff_body_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_body_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2035
- </td>
2036
- </tr>
2037
- <tr id="date"><!-- Quick link --></tr>
2038
- </tbody>
2039
- </table>
2040
- </div>
2041
- </div>
2042
2043
<div style="margin-top: -15px;">
2044
<?php submit_button(); ?>
2045
</div>
2046
- <div id="adminform" class="postbox" style="display: block;">
2047
- <div class="handlediv" title="Click to toggle"><br></div>
2048
- <h3 class="hndle"><span><?php _e('Post Date', 'custom-facebook-feed'); ?></span></h3>
2049
- <div class="inside">
2050
- <table class="form-table">
2051
- <tbody>
2052
- <tr>
2053
- <th><label class="bump-left"><?php _e('Position', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datepos
2054
- Eg: datepos=below</code></th>
2055
- <td>
2056
- <select name="cff_date_position" style="width: 280px;">
2057
- <option value="author" <?php if($cff_date_position == "author") echo 'selected="selected"' ?> >Immediately under the post author</option>
2058
- <option value="above" <?php if($cff_date_position == "above") echo 'selected="selected"' ?> >At the top of the post</option>
2059
- <option value="below" <?php if($cff_date_position == "below") echo 'selected="selected"' ?> >At the bottom of the post</option>
2060
- </select>
2061
- </td>
2062
- </tr>
2063
- <tr>
2064
- <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datesize
2065
- Eg: datesize=14</code></th>
2066
- <td>
2067
- <select name="cff_date_size">
2068
- <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2069
- <option value="10" <?php if($cff_date_size == "10") echo 'selected="selected"' ?> >10px</option>
2070
- <option value="11" <?php if($cff_date_size == "11") echo 'selected="selected"' ?> >11px</option>
2071
- <option value="12" <?php if($cff_date_size == "12") echo 'selected="selected"' ?> >12px</option>
2072
- <option value="13" <?php if($cff_date_size == "13") echo 'selected="selected"' ?> >13px</option>
2073
- <option value="14" <?php if($cff_date_size == "14") echo 'selected="selected"' ?> >14px</option>
2074
- <option value="16" <?php if($cff_date_size == "16") echo 'selected="selected"' ?> >16px</option>
2075
- <option value="18" <?php if($cff_date_size == "18") echo 'selected="selected"' ?> >18px</option>
2076
- <option value="20" <?php if($cff_date_size == "20") echo 'selected="selected"' ?> >20px</option>
2077
- <option value="24" <?php if($cff_date_size == "24") echo 'selected="selected"' ?> >24px</option>
2078
- <option value="28" <?php if($cff_date_size == "28") echo 'selected="selected"' ?> >28px</option>
2079
- <option value="32" <?php if($cff_date_size == "32") echo 'selected="selected"' ?> >32px</option>
2080
- <option value="36" <?php if($cff_date_size == "36") echo 'selected="selected"' ?> >36px</option>
2081
- <option value="42" <?php if($cff_date_size == "42") echo 'selected="selected"' ?> >42px</option>
2082
- <option value="48" <?php if($cff_date_size == "48") echo 'selected="selected"' ?> >48px</option>
2083
- <option value="54" <?php if($cff_date_size == "54") echo 'selected="selected"' ?> >54px</option>
2084
- <option value="60" <?php if($cff_date_size == "60") echo 'selected="selected"' ?> >60px</option>
2085
- </select>
2086
- </td>
2087
- </tr>
2088
- <tr>
2089
- <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> dateweight
2090
- Eg: dateweight=normal</code></th>
2091
- <td>
2092
- <select name="cff_date_weight">
2093
- <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2094
- <option value="normal" <?php if($cff_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
2095
- <option value="bold" <?php if($cff_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
2096
- </select>
2097
- </td>
2098
- </tr>
2099
- <tr>
2100
- <th><label