Custom Facebook Feed - Version 2.4

Version Description

  • New: Added a setting to allow you to use a fixed pixel width for the Facebook feed on desktop but switch to a 100% width responsive layout on mobile
  • New: You can now click on the name of a setting on the admin pages to reveal the corresponding shortcode for that setting
  • New: Added quick links to the top of the Customize settings pages to make it easier to find certain settings
  • New: Added a setting to allow you to disable the default plugin text and link styles (Customize > Misc > Disable default styles)
  • New: Added a setting which allows you to manually change the request method used to fetch Facebook posts which is necessary for some server setups
  • Tweak: Updated the Font Awesome icon font to version 4.5
  • Tweak: Moved the 'Show Header' setting to the 'General' tab on the Customize page
  • Fix: Hashtag linking now works with all languages and character sets
  • Fix: Fixed an error that occurred when trying to activate the Pro version with the free version still activated
  • Fix: Fixed a rare error which occurred when the Facebook post contained no text and no story
  • Fix: Fixed an issue when trying to display Facebook posts by only visitors to your Facebook page caused by a recent Facebook API update
Download this release

Release Info

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

Code changes from version 2.3.10 to 2.4

Files changed (8) hide show
  1. README.txt +15 -2
  2. css/cff-admin-style.css +57 -0
  3. css/cff-style.css +42 -15
  4. css/font-awesome.min.css +2 -2
  5. custom-facebook-feed-admin.php +816 -643
  6. custom-facebook-feed.php +73 -26
  7. js/cff-admin-scripts.js +53 -2
  8. js/cff-scripts.js +1 -1
README.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: smashballoon
3
  Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook events, Facebook page, Facebook group, Facebook groups, Facebook fans, Facebook likes, Facebook followers, Facebooks, Face book, posts, Facebook postings, Facebook feeds, Facebook pages, Facebook Like Box, Facebook plugin, Facebook plug-in, Facebook walls, Facebook hashtag, Facebook embed, Customizable Facebook Feed, custom, customizable, seo, responsive, mobile, social media
4
  Requires at least: 3.0
5
- Tested up to: 4.4
6
- Stable tag: 2.3.10
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -361,6 +361,19 @@ Credit iMarketing Factory - "The Importance of Facebook for Small Businesses"
361
  9. It's super easy to display your Facebook feed in any page or post
362
 
363
  == Changelog ==
 
 
 
 
 
 
 
 
 
 
 
 
 
364
  = 2.3.10 =
365
  * Fix: If you're experiencing an issue with your Facebook feed not automatically updating successfully then please update the plugin and enable the following setting: Custom Facebook Feed > Customize > Misc > Misc Settings > Force cache to clear on interval. If you set this setting to 'Yes' then it should force your plugin cache to clear either every hour, 12 hours, or 24 hours, depending on how often you have the plugin set to check Facebook for new posts.
366
 
2
  Contributors: smashballoon
3
  Tags: Facebook, Facebook feed, Facebook posts, Facebook wall, Facebook events, Facebook page, Facebook group, Facebook groups, Facebook fans, Facebook likes, Facebook followers, Facebooks, Face book, posts, Facebook postings, Facebook feeds, Facebook pages, Facebook Like Box, Facebook plugin, Facebook plug-in, Facebook walls, Facebook hashtag, Facebook embed, Customizable Facebook Feed, custom, customizable, seo, responsive, mobile, social media
4
  Requires at least: 3.0
5
+ Tested up to: 4.4.2
6
+ Stable tag: 2.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
361
  9. It's super easy to display your Facebook feed in any page or post
362
 
363
  == Changelog ==
364
+ = 2.4 =
365
+ * New: Added a setting to allow you to use a fixed pixel width for the Facebook feed on desktop but switch to a 100% width responsive layout on mobile
366
+ * New: You can now click on the name of a setting on the admin pages to reveal the corresponding shortcode for that setting
367
+ * New: Added quick links to the top of the Customize settings pages to make it easier to find certain settings
368
+ * New: Added a setting to allow you to disable the default plugin text and link styles (Customize > Misc > Disable default styles)
369
+ * New: Added a setting which allows you to manually change the request method used to fetch Facebook posts which is necessary for some server setups
370
+ * Tweak: Updated the Font Awesome icon font to version 4.5
371
+ * Tweak: Moved the 'Show Header' setting to the 'General' tab on the Customize page
372
+ * Fix: Hashtag linking now works with all languages and character sets
373
+ * Fix: Fixed an error that occurred when trying to activate the Pro version with the free version still activated
374
+ * Fix: Fixed a rare error which occurred when the Facebook post contained no text and no story
375
+ * Fix: Fixed an issue when trying to display Facebook posts by only visitors to your Facebook page caused by a recent Facebook API update
376
+
377
  = 2.3.10 =
378
  * Fix: If you're experiencing an issue with your Facebook feed not automatically updating successfully then please update the plugin and enable the following setting: Custom Facebook Feed > Customize > Misc > Misc Settings > Force cache to clear on interval. If you set this setting to 'Yes' then it should force your plugin cache to clear either every hour, 12 hours, or 24 hours, depending on how often you have the plugin set to check Facebook for new posts.
379
 
css/cff-admin-style.css CHANGED
@@ -233,4 +233,61 @@
233
  /* Add Facebook dashicon to CFF admin menu */
234
  #toplevel_page_cff-top .toplevel_page_cff-top .wp-menu-image:before{
235
  content: "\f305";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
236
  }
233
  /* Add Facebook dashicon to CFF admin menu */
234
  #toplevel_page_cff-top .toplevel_page_cff-top .wp-menu-image:before{
235
  content: "\f305";
236
+ }
237
+
238
+
239
+ #cff-admin #cff_width_options{
240
+ margin-top: 10px;
241
+ display: none;
242
+ }
243
+ #cff-admin #cff_width_options label{
244
+ font-size: 13px;
245
+ position: relative;
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
+ }
275
+ #cff-admin .cff_shortcode{
276
+ display: none;
277
+ position: absolute;
278
+ z-index: 10;
279
+ font-size: 11px;
280
+ float: left;
281
+ width: auto;
282
+ white-space: pre-line;
283
+ line-height: 1.4;
284
+ }
285
+ #cff-admin .cff_shortcode_symbol{
286
+ position: absolute;
287
+ right: -24px;
288
+ bottom: 0px;
289
+ padding: 2px 4px 3px 3px;
290
+ width: auto;
291
+ font-size: 11px;
292
+ margin-left: 5px;
293
  }
css/cff-style.css CHANGED
@@ -60,11 +60,11 @@
60
  display: none;
61
  }
62
  /* Links */
63
- #cff a {
64
  text-decoration: none;
65
  }
66
- #cff a:hover,
67
- #cff a:focus {
68
  text-decoration: underline;
69
  }
70
  #cff .cff-post-text-link{
@@ -77,7 +77,6 @@
77
  clear: both;
78
  padding: 0;
79
  margin: 5px 0;
80
- line-height: 1.4;
81
  white-space: pre;
82
  white-space: pre-wrap;
83
  white-space: pre-line;
@@ -87,11 +86,16 @@
87
  white-space: -hp-pre-wrap;
88
  word-wrap: break-word;
89
  }
 
 
 
90
  /* Date */
91
  #cff .cff-date{
92
  float: left;
93
  min-width: 50px;
94
  width: auto;
 
 
95
  font-size: 11px;
96
  }
97
  /************/
@@ -130,7 +134,10 @@
130
  padding-left: 50px;
131
  float: none;
132
  }
133
- #cff .cff-author a{
 
 
 
134
  text-decoration: none;
135
  }
136
 
@@ -144,13 +151,17 @@
144
  clear: both;
145
  width: auto;
146
  margin: 0 0 0 50px;
 
 
147
  font-weight: bold;
148
  }
149
  #cff .cff-author .cff-date{
150
  color: #9197a3;
151
- font-weight: normal;
152
  margin-top: 0px;
153
  }
 
 
 
154
  #cff .cff-author .cff-page-name.cff-author-date{
155
  float: left;
156
  padding: 2px 0 0 0;
@@ -166,7 +177,7 @@
166
  #cff .cff-expand{
167
  display: none;
168
  }
169
- #cff .cff-expand a{
170
  font-size: 11px;
171
  font-weight: normal;
172
  }
@@ -209,6 +220,8 @@
209
  clear: both;
210
  width: 100%;
211
  display: block;
 
 
212
  font-weight: bold;
213
  }
214
  #cff p.cff-link-title{
@@ -222,9 +235,11 @@
222
  padding: 0 0 5px 0;
223
  }
224
  #cff .cff-link-caption{
225
- font-size: 12px;
226
  margin: 0;
227
  }
 
 
 
228
  #cff .cff-text-link.cff-no-image{
229
  width: 100%;
230
  margin-left: 0;
@@ -238,13 +253,17 @@
238
  }
239
  #cff .cff-details h5{
240
  margin: 0 0 5px 0;
 
 
241
  font-size: 16px;
242
  }
243
- #cff .cff-details p{
244
  font-size: 14px;
245
  }
246
  #cff .cff-details .cff-info{
247
  padding: 10px 0 0 0;
 
 
248
  line-height: 1.2;
249
  }
250
  /* Video */
@@ -259,15 +278,16 @@
259
  clear: none;
260
  padding: 5px 0 0 0;
261
  margin: 0;
 
 
262
  font-size: 11px;
263
  }
264
 
265
-
266
  #cff .cff-post-links.cff-left{
267
  float: left;
268
  margin: 8px 0;
269
  }
270
- #cff .cff-post-links a{
271
  font-size: 11px;
272
  }
273
  #cff .cff-post-links a:first-child{
@@ -288,8 +308,8 @@
288
  position: absolute;
289
  z-index: 1000;
290
  bottom: 22px;
291
- right: -51px;
292
- width: 135px;
293
  padding: 5px 5px 4px 5px;
294
  margin: 0;
295
  background: #333;
@@ -407,10 +427,10 @@
407
  }
408
 
409
  /* Credit link */
410
- #cff .cff-credit{
411
  font-size: 11px;
412
  }
413
- #cff .cff-credit a{
414
  text-decoration: none;
415
  }
416
  #cff .cff-credit img{
@@ -421,3 +441,10 @@
421
  padding-right: 5px;
422
  font-size: 13px;
423
  }
 
 
 
 
 
 
 
60
  display: none;
61
  }
62
  /* Links */
63
+ #cff.cff-default-styles a {
64
  text-decoration: none;
65
  }
66
+ #cff.cff-default-styles a:hover,
67
+ #cff.cff-default-styles a:focus {
68
  text-decoration: underline;
69
  }
70
  #cff .cff-post-text-link{
77
  clear: both;
78
  padding: 0;
79
  margin: 5px 0;
 
80
  white-space: pre;
81
  white-space: pre-wrap;
82
  white-space: pre-line;
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 */
93
  #cff .cff-date{
94
  float: left;
95
  min-width: 50px;
96
  width: auto;
97
+ }
98
+ #cff.cff-default-styles .cff-date{
99
  font-size: 11px;
100
  }
101
  /************/
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
 
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;
164
+ }
165
  #cff .cff-author .cff-page-name.cff-author-date{
166
  float: left;
167
  padding: 2px 0 0 0;
177
  #cff .cff-expand{
178
  display: none;
179
  }
180
+ #cff.cff-default-styles .cff-expand a{
181
  font-size: 11px;
182
  font-weight: normal;
183
  }
220
  clear: both;
221
  width: 100%;
222
  display: block;
223
+ }
224
+ #cff.cff-default-styles .cff-link-title{
225
  font-weight: bold;
226
  }
227
  #cff p.cff-link-title{
235
  padding: 0 0 5px 0;
236
  }
237
  #cff .cff-link-caption{
 
238
  margin: 0;
239
  }
240
+ #cff.cff-default-styles .cff-link-caption{
241
+ font-size: 12px;
242
+ }
243
  #cff .cff-text-link.cff-no-image{
244
  width: 100%;
245
  margin-left: 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
+ }
266
+ #cff.cff-default-styles .cff-details .cff-info{
267
  line-height: 1.2;
268
  }
269
  /* Video */
278
  clear: none;
279
  padding: 5px 0 0 0;
280
  margin: 0;
281
+ }
282
+ #cff.cff-default-styles .cff-post-links{
283
  font-size: 11px;
284
  }
285
 
 
286
  #cff .cff-post-links.cff-left{
287
  float: left;
288
  margin: 8px 0;
289
  }
290
+ #cff.cff-default-styles .cff-post-links a{
291
  font-size: 11px;
292
  }
293
  #cff .cff-post-links a:first-child{
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;
315
  background: #333;
427
  }
428
 
429
  /* Credit link */
430
+ #cff.cff-default-styles .cff-credit{
431
  font-size: 11px;
432
  }
433
+ #cff.cff-default-styles .cff-credit a{
434
  text-decoration: none;
435
  }
436
  #cff .cff-credit img{
441
  padding-right: 5px;
442
  font-size: 13px;
443
  }
444
+
445
+ /* On mobile make the min-width 100% */
446
+ @media all and (max-width: 640px){
447
+ #cff.cff-width-resp{
448
+ width: 100% !important;
449
+ }
450
+ }
css/font-awesome.min.css CHANGED
@@ -1,4 +1,4 @@
1
  /*!
2
- * Font Awesome 4.3.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.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.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;transform:translate(0, 0)}.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}.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-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-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-genderless:before,.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-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-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"}
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"}
custom-facebook-feed-admin.php CHANGED
@@ -119,57 +119,58 @@ function cff_settings_page() {
119
 
120
  <div id="cff-admin" class="wrap">
121
  <div id="header">
122
- <h2><?php _e('Custom Facebook Feed Settings'); ?></h2>
123
  </div>
124
 
125
  <?php
126
- $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'configuration';
127
  ?>
128
  <h2 class="nav-tab-wrapper">
129
- <a href="?page=cff-top&amp;tab=configuration" class="nav-tab <?php echo $active_tab == 'configuration' ? 'nav-tab-active' : ''; ?>"><?php _e('Configuration'); ?></a>
130
- <a href="?page=cff-style" class="nav-tab <?php echo $active_tab == 'customize' ? 'nav-tab-active' : ''; ?>"><?php _e('Customize'); ?></a>
131
- <a href="?page=cff-top&amp;tab=support" class="nav-tab <?php echo $active_tab == 'support' ? 'nav-tab-active' : ''; ?>"><?php _e('Support'); ?></a>
132
  </h2>
133
 
134
- <?php if( $active_tab == 'configuration' ) { //Start Extensions tab ?>
135
 
136
  <form name="form1" method="post" action="">
137
  <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
138
  <br />
139
- <h3><?php _e('Configuration'); ?></h3>
140
  <table class="form-table">
141
  <tbody>
142
  <tr valign="top">
143
- <th scope="row"><?php _e('Facebook Page ID<br /><i style="font-weight: normal; font-size: 12px;">ID of your Facebook Page or Group</i>'); ?></th>
 
144
  <td>
145
- <input name="cff_page_id" id="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="45" />
146
- &nbsp;<a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?'); ?></a>
147
  <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
148
  <div class="cff-tooltip cff-more-info">
149
  <ul>
150
- <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>'); ?>
151
- <li><?php _e('If you have a Facebook <b>group</b> then use <a href="http://lookup-id.com/" target="_blank" title="Find my ID">this tool</a> to find your ID.'); ?></li>
152
- <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.'); ?></li>
153
  </ul>
154
  </div>
155
  </td>
156
  </tr>
157
 
158
  <tr valign="top">
159
- <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>'); ?></th>
160
  <td>
161
- <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?"); ?></a>
162
- <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>"); ?>.</p>
163
  </td>
164
  </tr>
165
 
166
  <tr valign="top" class="cff-access-token-hidden">
167
- <th scope="row" style="padding-bottom: 10px;"><?php _e('Facebook Access Token'); ?></th>
168
  <td>
169
- <input name="cff_access_token" id="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="45" />
170
 
171
  <div class="cff-notice cff-profile-error cff-access-token">
172
- <?php _e("<p>This doesn't appear to be an Access Token. Please be sure that you didn't enter your App Secret instead of your Access Token.<br />Your App ID and App Secret are used to obtain your Access Token; simply paste them into the fields in the last step of the <a href='https://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>Access Token instructions</a> and click '<b>Get my Access Token</b>'.</p>"); ?>
173
  </div>
174
  </td>
175
  </tr>
@@ -178,28 +179,30 @@ function cff_settings_page() {
178
  <hr />
179
  <table class="form-table">
180
  <tbody>
181
- <h3><?php _e('Settings'); ?></h3>
182
  <tr valign="top" class="cff-page-type">
183
- <th scope="row"><?php _e('Is this a page, group or profile?'); ?></th>
 
184
  <td>
185
  <select name="cff_page_type">
186
- <option value="page" <?php if($cff_page_type_val == "page") echo 'selected="selected"' ?> ><?php _e('Page'); ?></option>
187
- <option value="group" <?php if($cff_page_type_val == "group") echo 'selected="selected"' ?> ><?php _e('Group'); ?></option>
188
- <option value="profile" <?php if($cff_page_type_val == "profile") echo 'selected="selected"' ?> ><?php _e('Profile'); ?></option>
189
  </select>
190
  <div class="cff-notice cff-profile-error cff-page-type">
191
- <?php _e("<p>Due to Facebook's privacy policy you're not able to display posts from a personal profile, only from a public page or group.</p><p>If you're using a profile to represent a business, organization, product, public figure or the like, then Facebook recommends <a href='http://www.facebook.com/help/175644189234902/' target='_blank'>converting your profile to a page</a>. There are many advantages to using pages over profiles, and once you've converted then the plugin will be able to successfully retrieve and display all of your posts.</p>"); ?>
192
  </div>
193
  </td>
194
  </tr>
195
 
196
  <tr valign="top" class="cff-page-options">
197
- <th scope="row"><?php _e('Show posts on my page by:'); ?></th>
 
198
  <td>
199
  <select name="cff_show_others" id="cff_show_others" style="width: 250px;">
200
- <option value="me" <?php if($cff_show_others_val == 'me') echo 'selected="selected"' ?> ><?php _e('Only the page owner (me)'); ?></option>
201
- <option value="others" <?php if($cff_show_others_val == 'others' || $cff_show_others_val == 'on') echo 'selected="selected"' ?> ><?php _e('Page owner + other people'); ?></option>
202
- <option value="onlyothers" <?php if($cff_show_others_val == 'onlyothers') echo 'selected="selected"' ?> ><?php _e('Only other people'); ?></option>
203
  </select>
204
 
205
  <p id="cff-others-only" style="font-size: 12px;"><b>Note:</b> Only displaying posts by other people works by retrieving your posts from Facebook and then filtering out the posts by the page owner. If this option doesn't display many posts then you can retrieve more by setting the post limit option (below) to a higher number (a number 15-20 greater than the number of posts you want to display).</p>
@@ -208,214 +211,217 @@ function cff_settings_page() {
208
  </tr>
209
 
210
  <tr valign="top">
211
- <th scope="row"><?php _e('Number of posts to display'); ?></th>
 
212
  <td>
213
- <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
214
  <i style="color: #666; font-size: 11px;">Eg. 5</i>
215
  </td>
216
  </tr>
217
  <tr valign="top">
218
- <th scope="row"><?php _e('Change the post limit'); ?></th>
 
219
  <td>
220
- <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val ); ?>" size="4" />
221
- <i style="color: #666; font-size: 11px;">Eg. 50</i> <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
222
- <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."); ?></p>
223
  </td>
224
  </tr>
225
  <tr valign="top">
226
- <th scope="row"><?php _e('Check for new Facebook posts every'); ?></th>
227
  <td>
228
- <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val ); ?>" size="4" />
229
  <select name="cff_cache_time_unit">
230
- <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes'); ?></option>
231
- <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours'); ?></option>
232
- <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days'); ?></option>
233
  </select>
234
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
235
- <p class="cff-tooltip cff-more-info"><?php _e('Your Facebook posts and comments data is temporarily cached by the plugin in your WordPress database. You can choose how long this data should be cached for. If you set the time to 60 minutes then the plugin will clear the cached data after that length of time, and the next time the page is viewed it will check for new data.'); ?></p>
236
  </td>
237
  </tr>
238
 
239
  <tr valign="top">
240
- <th scope="row"><?php _e('Localization'); ?></th>
 
241
  <td>
242
  <select name="cff_locale">
243
- <option value="af_ZA" <?php if($cff_locale_val == "af_ZA") echo 'selected="selected"' ?> ><?php _e('Afrikaans'); ?></option>
244
- <option value="ar_AR" <?php if($cff_locale_val == "ar_AR") echo 'selected="selected"' ?> ><?php _e('Arabic'); ?></option>
245
- <option value="az_AZ" <?php if($cff_locale_val == "az_AZ") echo 'selected="selected"' ?> ><?php _e('Azerbaijani'); ?></option>
246
- <option value="be_BY" <?php if($cff_locale_val == "be_BY") echo 'selected="selected"' ?> ><?php _e('Belarusian'); ?></option>
247
- <option value="bg_BG" <?php if($cff_locale_val == "bg_BG") echo 'selected="selected"' ?> ><?php _e('Bulgarian'); ?></option>
248
- <option value="bn_IN" <?php if($cff_locale_val == "bn_IN") echo 'selected="selected"' ?> ><?php _e('Bengali'); ?></option>
249
- <option value="bs_BA" <?php if($cff_locale_val == "bs_BA") echo 'selected="selected"' ?> ><?php _e('Bosnian'); ?></option>
250
- <option value="ca_ES" <?php if($cff_locale_val == "ca_ES") echo 'selected="selected"' ?> ><?php _e('Catalan'); ?></option>
251
- <option value="cs_CZ" <?php if($cff_locale_val == "cs_CZ") echo 'selected="selected"' ?> ><?php _e('Czech'); ?></option>
252
- <option value="cy_GB" <?php if($cff_locale_val == "cy_GB") echo 'selected="selected"' ?> ><?php _e('Welsh'); ?></option>
253
- <option value="da_DK" <?php if($cff_locale_val == "da_DK") echo 'selected="selected"' ?> ><?php _e('Danish'); ?></option>
254
- <option value="de_DE" <?php if($cff_locale_val == "de_DE") echo 'selected="selected"' ?> ><?php _e('German'); ?></option>
255
- <option value="el_GR" <?php if($cff_locale_val == "el_GR") echo 'selected="selected"' ?> ><?php _e('Greek'); ?></option>
256
- <option value="en_GB" <?php if($cff_locale_val == "en_GB") echo 'selected="selected"' ?> ><?php _e('English (UK)'); ?></option>
257
- <option value="en_PI" <?php if($cff_locale_val == "en_PI") echo 'selected="selected"' ?> ><?php _e('English (Pirate)'); ?></option>
258
- <option value="en_UD" <?php if($cff_locale_val == "en_UD") echo 'selected="selected"' ?> ><?php _e('English (Upside Down)'); ?></option>
259
- <option value="en_US" <?php if($cff_locale_val == "en_US") echo 'selected="selected"' ?> ><?php _e('English (US)'); ?></option>
260
- <option value="eo_EO" <?php if($cff_locale_val == "eo_EO") echo 'selected="selected"' ?> ><?php _e('Esperanto'); ?></option>
261
- <option value="es_ES" <?php if($cff_locale_val == "es_ES") echo 'selected="selected"' ?> ><?php _e('Spanish (Spain)'); ?></option>
262
- <option value="es_LA" <?php if($cff_locale_val == "es_LA") echo 'selected="selected"' ?> ><?php _e('Spanish'); ?></option>
263
- <option value="et_EE" <?php if($cff_locale_val == "et_EE") echo 'selected="selected"' ?> ><?php _e('Estonian'); ?></option>
264
- <option value="eu_ES" <?php if($cff_locale_val == "eu_ES") echo 'selected="selected"' ?> ><?php _e('Basque'); ?></option>
265
- <option value="fa_IR" <?php if($cff_locale_val == "fa_IR") echo 'selected="selected"' ?> ><?php _e('Persian'); ?></option>
266
- <option value="fb_LT" <?php if($cff_locale_val == "fb_LT") echo 'selected="selected"' ?> ><?php _e('Leet Speak'); ?></option>
267
- <option value="fi_FI" <?php if($cff_locale_val == "fi_FI") echo 'selected="selected"' ?> ><?php _e('Finnish'); ?></option>
268
- <option value="fo_FO" <?php if($cff_locale_val == "fo_FO") echo 'selected="selected"' ?> ><?php _e('Faroese'); ?></option>
269
- <option value="fr_CA" <?php if($cff_locale_val == "fr_CA") echo 'selected="selected"' ?> ><?php _e('French (Canada)'); ?></option>
270
- <option value="fr_FR" <?php if($cff_locale_val == "fr_FR") echo 'selected="selected"' ?> ><?php _e('French (France)'); ?></option>
271
- <option value="fy_NL" <?php if($cff_locale_val == "fy_NL") echo 'selected="selected"' ?> ><?php _e('Frisian'); ?></option>
272
- <option value="ga_IE" <?php if($cff_locale_val == "ga_IE") echo 'selected="selected"' ?> ><?php _e('Irish'); ?></option>
273
- <option value="gl_ES" <?php if($cff_locale_val == "gl_ES") echo 'selected="selected"' ?> ><?php _e('Galician'); ?></option>
274
- <option value="he_IL" <?php if($cff_locale_val == "he_IL") echo 'selected="selected"' ?> ><?php _e('Hebrew'); ?></option>
275
- <option value="hi_IN" <?php if($cff_locale_val == "hi_IN") echo 'selected="selected"' ?> ><?php _e('Hindi'); ?></option>
276
- <option value="hr_HR" <?php if($cff_locale_val == "hr_HR") echo 'selected="selected"' ?> ><?php _e('Croatian'); ?></option>
277
- <option value="hu_HU" <?php if($cff_locale_val == "hu_HU") echo 'selected="selected"' ?> ><?php _e('Hungarian'); ?></option>
278
- <option value="hy_AM" <?php if($cff_locale_val == "hy_AM") echo 'selected="selected"' ?> ><?php _e('Armenian'); ?></option>
279
- <option value="id_ID" <?php if($cff_locale_val == "id_ID") echo 'selected="selected"' ?> ><?php _e('Indonesian'); ?></option>
280
- <option value="is_IS" <?php if($cff_locale_val == "is_IS") echo 'selected="selected"' ?> ><?php _e('Icelandic'); ?></option>
281
- <option value="it_IT" <?php if($cff_locale_val == "it_IT") echo 'selected="selected"' ?> ><?php _e('Italian'); ?></option>
282
- <option value="ja_JP" <?php if($cff_locale_val == "ja_JP") echo 'selected="selected"' ?> ><?php _e('Japanese'); ?></option>
283
- <option value="ka_GE" <?php if($cff_locale_val == "ka_GE") echo 'selected="selected"' ?> ><?php _e('Georgian'); ?></option>
284
- <option value="km_KH" <?php if($cff_locale_val == "km_KH") echo 'selected="selected"' ?> ><?php _e('Khmer'); ?></option>
285
- <option value="ko_KR" <?php if($cff_locale_val == "ko_KR") echo 'selected="selected"' ?> ><?php _e('Korean'); ?></option>
286
- <option value="ku_TR" <?php if($cff_locale_val == "ku_TR") echo 'selected="selected"' ?> ><?php _e('Kurdish'); ?></option>
287
- <option value="la_VA" <?php if($cff_locale_val == "la_VA") echo 'selected="selected"' ?> ><?php _e('Latin'); ?></option>
288
- <option value="lt_LT" <?php if($cff_locale_val == "lt_LT") echo 'selected="selected"' ?> ><?php _e('Lithuanian'); ?></option>
289
- <option value="lv_LV" <?php if($cff_locale_val == "lv_LV") echo 'selected="selected"' ?> ><?php _e('Latvian'); ?></option>
290
- <option value="mk_MK" <?php if($cff_locale_val == "mk_MK") echo 'selected="selected"' ?> ><?php _e('Macedonian'); ?></option>
291
- <option value="ml_IN" <?php if($cff_locale_val == "ml_IN") echo 'selected="selected"' ?> ><?php _e('Malayalam'); ?></option>
292
- <option value="ms_MY" <?php if($cff_locale_val == "ms_MY") echo 'selected="selected"' ?> ><?php _e('Malay'); ?></option>
293
- <option value="nb_NO" <?php if($cff_locale_val == "nb_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (bokmal)'); ?></option>
294
- <option value="ne_NP" <?php if($cff_locale_val == "ne_NP") echo 'selected="selected"' ?> ><?php _e('Nepali'); ?></option>
295
- <option value="nl_NL" <?php if($cff_locale_val == "nl_NL") echo 'selected="selected"' ?> ><?php _e('Dutch'); ?></option>
296
- <option value="nn_NO" <?php if($cff_locale_val == "nn_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (nynorsk)'); ?></option>
297
- <option value="pa_IN" <?php if($cff_locale_val == "pa_IN") echo 'selected="selected"' ?> ><?php _e('Punjabi'); ?></option>
298
- <option value="pl_PL" <?php if($cff_locale_val == "pl_PL") echo 'selected="selected"' ?> ><?php _e('Polish'); ?></option>
299
- <option value="ps_AF" <?php if($cff_locale_val == "ps_AF") echo 'selected="selected"' ?> ><?php _e('Pashto'); ?></option>
300
- <option value="pt_BR" <?php if($cff_locale_val == "pt_BR") echo 'selected="selected"' ?> ><?php _e('Portuguese (Brazil)'); ?></option>
301
- <option value="pt_PT" <?php if($cff_locale_val == "pt_PT") echo 'selected="selected"' ?> ><?php _e('Portuguese (Portugal)'); ?></option>
302
- <option value="ro_RO" <?php if($cff_locale_val == "ro_RO") echo 'selected="selected"' ?> ><?php _e('Romanian'); ?></option>
303
- <option value="ru_RU" <?php if($cff_locale_val == "ru_RU") echo 'selected="selected"' ?> ><?php _e('Russian'); ?></option>
304
- <option value="sk_SK" <?php if($cff_locale_val == "sk_SK") echo 'selected="selected"' ?> ><?php _e('Slovak'); ?></option>
305
- <option value="sl_SI" <?php if($cff_locale_val == "sl_SI") echo 'selected="selected"' ?> ><?php _e('Slovenian'); ?></option>
306
- <option value="sq_AL" <?php if($cff_locale_val == "sq_AL") echo 'selected="selected"' ?> ><?php _e('Albanian'); ?></option>
307
- <option value="sr_RS" <?php if($cff_locale_val == "sr_RS") echo 'selected="selected"' ?> ><?php _e('Serbian'); ?></option>
308
- <option value="sv_SE" <?php if($cff_locale_val == "sv_SE") echo 'selected="selected"' ?> ><?php _e('Swedish'); ?></option>
309
- <option value="sw_KE" <?php if($cff_locale_val == "sw_KE") echo 'selected="selected"' ?> ><?php _e('Swahili'); ?></option>
310
- <option value="ta_IN" <?php if($cff_locale_val == "ta_IN") echo 'selected="selected"' ?> ><?php _e('Tamil'); ?></option>
311
- <option value="te_IN" <?php if($cff_locale_val == "te_IN") echo 'selected="selected"' ?> ><?php _e('Telugu'); ?></option>
312
- <option value="th_TH" <?php if($cff_locale_val == "th_TH") echo 'selected="selected"' ?> ><?php _e('Thai'); ?></option>
313
- <option value="tl_PH" <?php if($cff_locale_val == "tl_PH") echo 'selected="selected"' ?> ><?php _e('Filipino'); ?></option>
314
- <option value="tr_TR" <?php if($cff_locale_val == "tr_TR") echo 'selected="selected"' ?> ><?php _e('Turkish'); ?></option>
315
- <option value="uk_UA" <?php if($cff_locale_val == "uk_UA") echo 'selected="selected"' ?> ><?php _e('Ukrainian'); ?></option>
316
- <option value="vi_VN" <?php if($cff_locale_val == "vi_VN") echo 'selected="selected"' ?> ><?php _e('Vietnamese'); ?></option>
317
- <option value="zh_CN" <?php if($cff_locale_val == "zh_CN") echo 'selected="selected"' ?> ><?php _e('Simplified Chinese (China)'); ?></option>
318
- <option value="zh_HK" <?php if($cff_locale_val == "zh_HK") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Hong Kong)'); ?></option>
319
- <option value="zh_TW" <?php if($cff_locale_val == "zh_TW") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Taiwan)'); ?></option>
320
  </select>
321
- <i style="color: #666; font-size: 11px;"><?php _e('Select a language'); ?></i>
322
  </td>
323
  </tr>
324
 
325
  <tr>
326
- <th><label for="cff_timezone" class="bump-left"><?php _e('Timezone'); ?></label></th>
327
  <td>
328
  <select name="cff_timezone" style="width: 300px;">
329
- <option value="Pacific/Midway" <?php if($cff_timezone == "Pacific/Midway") echo 'selected="selected"' ?> ><?php _e('(GMT-11:00) Midway Island, Samoa'); ?></option>
330
- <option value="America/Adak" <?php if($cff_timezone == "America/Adak") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii-Aleutian'); ?></option>
331
- <option value="Etc/GMT+10" <?php if($cff_timezone == "Etc/GMT+10") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii'); ?></option>
332
- <option value="Pacific/Marquesas" <?php if($cff_timezone == "Pacific/Marquesas") echo 'selected="selected"' ?> ><?php _e('(GMT-09:30) Marquesas Islands'); ?></option>
333
- <option value="Pacific/Gambier" <?php if($cff_timezone == "Pacific/Gambier") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Gambier Islands'); ?></option>
334
- <option value="America/Anchorage" <?php if($cff_timezone == "America/Anchorage") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Alaska'); ?></option>
335
- <option value="America/Ensenada" <?php if($cff_timezone == "America/Ensenada") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Tijuana, Baja California'); ?></option>
336
- <option value="Etc/GMT+8" <?php if($cff_timezone == "Etc/GMT+8") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pitcairn Islands'); ?></option>
337
- <option value="America/Los_Angeles" <?php if($cff_timezone == "America/Los_Angeles") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pacific Time (US & Canada)'); ?></option>
338
- <option value="America/Denver" <?php if($cff_timezone == "America/Denver") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Mountain Time (US & Canada)'); ?></option>
339
- <option value="America/Chihuahua" <?php if($cff_timezone == "America/Chihuahua") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Chihuahua, La Paz, Mazatlan'); ?></option>
340
- <option value="America/Dawson_Creek" <?php if($cff_timezone == "America/Dawson_Creek") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Arizona'); ?></option>
341
- <option value="America/Belize" <?php if($cff_timezone == "America/Belize") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Saskatchewan, Central America'); ?></option>
342
- <option value="America/Cancun" <?php if($cff_timezone == "America/Cancun") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Guadalajara, Mexico City, Monterrey'); ?></option>
343
- <option value="Chile/EasterIsland" <?php if($cff_timezone == "Chile/EasterIsland") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Easter Island'); ?></option>
344
- <option value="America/Chicago" <?php if($cff_timezone == "America/Chicago") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Central Time (US & Canada)'); ?></option>
345
- <option value="America/New_York" <?php if($cff_timezone == "America/New_York") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Eastern Time (US & Canada)'); ?></option>
346
- <option value="America/Havana" <?php if($cff_timezone == "America/Havana") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Cuba'); ?></option>
347
- <option value="America/Bogota" <?php if($cff_timezone == "America/Bogota") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Bogota, Lima, Quito, Rio Branco'); ?></option>
348
- <option value="America/Caracas" <?php if($cff_timezone == "America/Caracas") echo 'selected="selected"' ?> ><?php _e('(GMT-04:30) Caracas'); ?></option>
349
- <option value="America/Santiago" <?php if($cff_timezone == "America/Santiago") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Santiago'); ?></option>
350
- <option value="America/La_Paz" <?php if($cff_timezone == "America/La_Paz") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) La Paz'); ?></option>
351
- <option value="Atlantic/Stanley" <?php if($cff_timezone == "Atlantic/Stanley") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Faukland Islands'); ?></option>
352
- <option value="America/Campo_Grande" <?php if($cff_timezone == "America/Campo_Grande") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Brazil'); ?></option>
353
- <option value="America/Goose_Bay" <?php if($cff_timezone == "America/Goose_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Goose Bay)'); ?></option>
354
- <option value="America/Glace_Bay" <?php if($cff_timezone == "America/Glace_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Canada)'); ?></option>
355
- <option value="America/St_Johns" <?php if($cff_timezone == "America/St_Johns") echo 'selected="selected"' ?> ><?php _e('(GMT-03:30) Newfoundland'); ?></option>
356
- <option value="America/Araguaina" <?php if($cff_timezone == "America/Araguaina") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) UTC-3'); ?></option>
357
- <option value="America/Montevideo" <?php if($cff_timezone == "America/Montevideo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Montevideo'); ?></option>
358
- <option value="America/Miquelon" <?php if($cff_timezone == "America/Miquelon") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Miquelon, St. Pierre'); ?></option>
359
- <option value="America/Godthab" <?php if($cff_timezone == "America/Godthab") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Greenland'); ?></option>
360
- <option value="America/Argentina/Buenos_Aires" <?php if($cff_timezone == "America/Argentina/Buenos_Aires") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Buenos Aires'); ?></option>
361
- <option value="America/Sao_Paulo" <?php if($cff_timezone == "America/Sao_Paulo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Brasilia'); ?></option>
362
- <option value="America/Noronha" <?php if($cff_timezone == "America/Noronha") echo 'selected="selected"' ?> ><?php _e('(GMT-02:00) Mid-Atlantic'); ?></option>
363
- <option value="Atlantic/Cape_Verde" <?php if($cff_timezone == "Atlantic/Cape_Verde") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Cape Verde Is.'); ?></option>
364
- <option value="Atlantic/Azores" <?php if($cff_timezone == "Atlantic/Azores") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Azores'); ?></option>
365
- <option value="Europe/Belfast" <?php if($cff_timezone == "Europe/Belfast") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Belfast'); ?></option>
366
- <option value="Europe/Dublin" <?php if($cff_timezone == "Europe/Dublin") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Dublin'); ?></option>
367
- <option value="Europe/Lisbon" <?php if($cff_timezone == "Europe/Lisbon") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Lisbon'); ?></option>
368
- <option value="Europe/London" <?php if($cff_timezone == "Europe/London") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : London'); ?></option>
369
- <option value="Africa/Abidjan" <?php if($cff_timezone == "Africa/Abidjan") echo 'selected="selected"' ?> ><?php _e('(GMT) Monrovia, Reykjavik'); ?></option>
370
- <option value="Europe/Amsterdam" <?php if($cff_timezone == "Europe/Amsterdam") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna'); ?></option>
371
- <option value="Europe/Belgrade" <?php if($cff_timezone == "Europe/Belgrade") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague'); ?></option>
372
- <option value="Europe/Brussels" <?php if($cff_timezone == "Europe/Brussels") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Brussels, Copenhagen, Madrid, Paris'); ?></option>
373
- <option value="Africa/Algiers" <?php if($cff_timezone == "Africa/Algiers") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) West Central Africa'); ?></option>
374
- <option value="Africa/Windhoek" <?php if($cff_timezone == "Africa/Windhoek") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Windhoek'); ?></option>
375
- <option value="Asia/Beirut" <?php if($cff_timezone == "Asia/Beirut") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Beirut'); ?></option>
376
- <option value="Africa/Cairo" <?php if($cff_timezone == "Africa/Cairo") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Cairo'); ?></option>
377
- <option value="Asia/Gaza" <?php if($cff_timezone == "Asia/Gaza") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Gaza'); ?></option>
378
- <option value="Africa/Blantyre" <?php if($cff_timezone == "Africa/Blantyre") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Harare, Pretoria'); ?></option>
379
- <option value="Asia/Jerusalem" <?php if($cff_timezone == "Asia/Jerusalem") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Jerusalem'); ?></option>
380
- <option value="Europe/Minsk" <?php if($cff_timezone == "Europe/Minsk") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Minsk'); ?></option>
381
- <option value="Asia/Damascus" <?php if($cff_timezone == "Asia/Damascus") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Syria'); ?></option>
382
- <option value="Europe/Moscow" <?php if($cff_timezone == "Europe/Moscow") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Moscow, St. Petersburg, Volgograd'); ?></option>
383
- <option value="Africa/Addis_Ababa" <?php if($cff_timezone == "Africa/Addis_Ababa") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Nairobi'); ?></option>
384
- <option value="Asia/Tehran" <?php if($cff_timezone == "Asia/Tehran") echo 'selected="selected"' ?> ><?php _e('(GMT+03:30) Tehran'); ?></option>
385
- <option value="Asia/Dubai" <?php if($cff_timezone == "Asia/Dubai") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Abu Dhabi, Muscat'); ?></option>
386
- <option value="Asia/Yerevan" <?php if($cff_timezone == "Asia/Yerevan") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Yerevan'); ?></option>
387
- <option value="Asia/Kabul" <?php if($cff_timezone == "Asia/Kabul") echo 'selected="selected"' ?> ><?php _e('(GMT+04:30) Kabul'); ?></option>
388
- <option value="Asia/Yekaterinburg" <?php if($cff_timezone == "Asia/Yekaterinburg") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Ekaterinburg'); ?></option>
389
- <option value="Asia/Tashkent" <?php if($cff_timezone == "Asia/Tashkent") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Tashkent'); ?></option>
390
- <option value="Asia/Kolkata" <?php if($cff_timezone == "Asia/Kolkata") echo 'selected="selected"' ?> ><?php _e('(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi'); ?></option>
391
- <option value="Asia/Katmandu" <?php if($cff_timezone == "Asia/Katmandu") echo 'selected="selected"' ?> ><?php _e('(GMT+05:45) Kathmandu'); ?></option>
392
- <option value="Asia/Dhaka" <?php if($cff_timezone == "Asia/Dhaka") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Astana, Dhaka'); ?></option>
393
- <option value="Asia/Novosibirsk" <?php if($cff_timezone == "Asia/Novosibirsk") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Novosibirsk'); ?></option>
394
- <option value="Asia/Rangoon" <?php if($cff_timezone == "Asia/Rangoon") echo 'selected="selected"' ?> ><?php _e('(GMT+06:30) Yangon (Rangoon)'); ?></option>
395
- <option value="Asia/Bangkok" <?php if($cff_timezone == "Asia/Bangkok") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Bangkok, Hanoi, Jakarta'); ?></option>
396
- <option value="Asia/Krasnoyarsk" <?php if($cff_timezone == "Asia/Krasnoyarsk") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Krasnoyarsk'); ?></option>
397
- <option value="Asia/Hong_Kong" <?php if($cff_timezone == "Asia/Hong_Kong") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi'); ?></option>
398
- <option value="Asia/Irkutsk" <?php if($cff_timezone == "Asia/Irkutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Irkutsk, Ulaan Bataar'); ?></option>
399
- <option value="Australia/Perth" <?php if($cff_timezone == "Australia/Perth") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Perth'); ?></option>
400
- <option value="Australia/Eucla" <?php if($cff_timezone == "Australia/Eucla") echo 'selected="selected"' ?> ><?php _e('(GMT+08:45) Eucla'); ?></option>
401
- <option value="Asia/Tokyo" <?php if($cff_timezone == "Asia/Tokyo") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Osaka, Sapporo, Tokyo'); ?></option>
402
- <option value="Asia/Seoul" <?php if($cff_timezone == "Asia/Seoul") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Seoul'); ?></option>
403
- <option value="Asia/Yakutsk" <?php if($cff_timezone == "Asia/Yakutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Yakutsk'); ?></option>
404
- <option value="Australia/Adelaide" <?php if($cff_timezone == "Australia/Adelaide") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Adelaide'); ?></option>
405
- <option value="Australia/Darwin" <?php if($cff_timezone == "Australia/Darwin") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Darwin'); ?></option>
406
- <option value="Australia/Brisbane" <?php if($cff_timezone == "Australia/Brisbane") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Brisbane'); ?></option>
407
- <option value="Australia/Hobart" <?php if($cff_timezone == "Australia/Hobart") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Sydney'); ?></option>
408
- <option value="Asia/Vladivostok" <?php if($cff_timezone == "Asia/Vladivostok") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Vladivostok'); ?></option>
409
- <option value="Australia/Lord_Howe" <?php if($cff_timezone == "Australia/Lord_Howe") echo 'selected="selected"' ?> ><?php _e('(GMT+10:30) Lord Howe Island'); ?></option>
410
- <option value="Etc/GMT-11" <?php if($cff_timezone == "Etc/GMT-11") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Solomon Is., New Caledonia'); ?></option>
411
- <option value="Asia/Magadan" <?php if($cff_timezone == "Asia/Magadan") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Magadan'); ?></option>
412
- <option value="Pacific/Norfolk" <?php if($cff_timezone == "Pacific/Norfolk") echo 'selected="selected"' ?> ><?php _e('(GMT+11:30) Norfolk Island'); ?></option>
413
- <option value="Asia/Anadyr" <?php if($cff_timezone == "Asia/Anadyr") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Anadyr, Kamchatka'); ?></option>
414
- <option value="Pacific/Auckland" <?php if($cff_timezone == "Pacific/Auckland") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Auckland, Wellington'); ?></option>
415
- <option value="Etc/GMT-12" <?php if($cff_timezone == "Etc/GMT-12") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Fiji, Kamchatka, Marshall Is.'); ?></option>
416
- <option value="Pacific/Chatham" <?php if($cff_timezone == "Pacific/Chatham") echo 'selected="selected"' ?> ><?php _e('(GMT+12:45) Chatham Islands'); ?></option>
417
- <option value="Pacific/Tongatapu" <?php if($cff_timezone == "Pacific/Tongatapu") echo 'selected="selected"' ?> ><?php _e('(GMT+13:00) Nuku\'alofa'); ?></option>
418
- <option value="Pacific/Kiritimati" <?php if($cff_timezone == "Pacific/Kiritimati") echo 'selected="selected"' ?> ><?php _e('(GMT+14:00) Kiritimati'); ?></option>
419
  </select>
420
  </td>
421
  </tr>
@@ -426,20 +432,20 @@ function cff_settings_page() {
426
  <p>Having trouble using the plugin? Check out the <a href='admin.php?page=cff-top&amp;tab=support'>Support</a> tab.</p>
427
  </form>
428
  <hr />
429
- <h3><?php _e('Displaying your Feed'); ?></h3>
430
- <p><?php _e("Copy and paste this shortcode directly into the page, post or widget where you'd like the feed to show up:"); ?></p>
431
- <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).'); ?>" />
432
  <hr />
433
- <h3><?php _e('Customizing your Feed'); ?></h3>
434
- <p><?php _e("Use the <a href='admin.php?page=cff-style'>Customize</a> page to customize your feed. If you're displaying multiple feeds then you can override your settings and customizations by using options directly in the shortcode, like so:"); ?></p>
435
  <p>[custom-facebook-feed id=some-other-page-id num=3 height=500px]</p>
436
- <p><a href="https://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank"><?php _e('See a full list of shortcode options'); ?></a></p>
437
 
438
  <br />
439
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
440
 
441
  <hr />
442
- <h3><?php _e('Like the plugin? Help spread the word!'); ?></h3>
443
 
444
  <!-- TWITTER -->
445
  <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>
@@ -473,30 +479,30 @@ function cff_settings_page() {
473
  <?php } //End config tab ?>
474
 
475
 
476
- <?php if( $active_tab == 'support' ) { //Start Support tab ?>
477
 
478
  <br />
479
- <h3><?php _e('FAQs and Troubleshooting'); ?></h3>
480
  <p>Having trouble getting the plugin to work? Try the links below:</p>
481
  <ul>
482
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/general/" target="_blank">General Questions</a>'); ?></li>
483
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/setup/" target="_blank">Setting Up &amp; Displaying your Feed</a>'); ?></li>
484
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/troubleshooting/" target="_blank">Troubleshooting &amp; Common Support Questions</a>'); ?></li>
485
  </ul>
486
  <br />
487
  <h3>Documentation</h3>
488
  <p>Need help setting up, configuring or customizing the plugin? Check out the links below:</p>
489
  <ul>
490
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/wordpress/" target="_blank">Installation and Configuration</a>'); ?></li>
491
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank">Shortcode Reference</a>'); ?></li>
492
- <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank">Custom CSS and JavaScript Snippets</a>'); ?></li>
493
  </ul>
494
 
495
  <br />
496
- <p><?php _e('Still need help? <a href="http://smashballoon.com/custom-facebook-feed/support/" target="_blank">Request support</a>. Please include your <b>System Info</b> below with all support requests.'); ?></p>
497
 
498
  <br />
499
- <h3><?php _e('System Info &nbsp; <i style="color: #666; font-size: 11px; font-weight: normal;">Click the text below to select all</i>'); ?></h3>
500
 
501
  <?php
502
  $access_token = get_option( $access_token );
@@ -660,6 +666,7 @@ function cff_style_page() {
660
  'cff_hide_comments' => '',
661
  //Misc
662
  'cff_feed_width' => '',
 
663
  'cff_feed_height' => '',
664
  'cff_feed_padding' => '',
665
  'cff_like_box_position' => 'bottom',
@@ -680,6 +687,8 @@ function cff_style_page() {
680
  'cff_class' => '',
681
  'cff_open_links' => true,
682
  'cff_cron' => 'unset',
 
 
683
 
684
  //New
685
  'cff_custom_css' => '',
@@ -851,6 +860,7 @@ function cff_style_page() {
851
  $cff_hide_comments = $options[ 'cff_hide_comments' ];
852
  //Misc
853
  $cff_feed_width = $options[ 'cff_feed_width' ];
 
854
  $cff_feed_height = $options[ 'cff_feed_height' ];
855
  $cff_feed_padding = $options[ 'cff_feed_padding' ];
856
  $cff_like_box_position = $options[ 'cff_like_box_position' ];
@@ -878,7 +888,8 @@ function cff_style_page() {
878
  $cff_preserve_settings = 'cff_preserve_settings';
879
  $cff_preserve_settings_val = get_option( $cff_preserve_settings );
880
  $cff_cron = $options[ 'cff_cron' ];
881
-
 
882
 
883
  //Page Header
884
  $cff_show_header = $options[ 'cff_show_header' ];
@@ -925,10 +936,13 @@ function cff_style_page() {
925
  if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
926
  //General
927
  if (isset($_POST[ 'cff_feed_width' ]) ) $cff_feed_width = $_POST[ 'cff_feed_width' ];
 
928
  if (isset($_POST[ 'cff_feed_height' ]) ) $cff_feed_height = $_POST[ 'cff_feed_height' ];
929
  if (isset($_POST[ 'cff_feed_padding' ]) ) $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
930
  if (isset($_POST[ 'cff_bg_color' ]) ) $cff_bg_color = $_POST[ 'cff_bg_color' ];
931
  if (isset($_POST[ 'cff_class' ]) ) $cff_class = $_POST[ 'cff_class' ];
 
 
932
  //Post types
933
  if (isset($_POST[ 'cff_show_links_type' ]) ) $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
934
  if (isset($_POST[ 'cff_show_event_type' ]) ) $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
@@ -937,10 +951,13 @@ function cff_style_page() {
937
  if (isset($_POST[ 'cff_show_status_type' ]) ) $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
938
  //General
939
  $options[ 'cff_feed_width' ] = $cff_feed_width;
 
940
  $options[ 'cff_feed_height' ] = $cff_feed_height;
941
  $options[ 'cff_feed_padding' ] = $cff_feed_padding;
942
  $options[ 'cff_bg_color' ] = $cff_bg_color;
943
  $options[ 'cff_class' ] = $cff_class;
 
 
944
  //Post types
945
  $options[ 'cff_show_links_type' ] = $cff_show_links_type;
946
  $options[ 'cff_show_event_type' ] = $cff_show_event_type;
@@ -996,7 +1013,6 @@ function cff_style_page() {
996
  if (isset($_POST[ 'cff_body_length' ]) ) $cff_body_length_val = $_POST[ $cff_body_length ];
997
 
998
  //Page Header
999
- (isset($_POST[ 'cff_show_header' ])) ? $cff_show_header = $_POST[ 'cff_show_header' ] : $cff_show_header = '';
1000
  (isset($_POST[ 'cff_header_outside' ])) ? $cff_header_outside = $_POST[ 'cff_header_outside' ] : $cff_header_outside = '';
1001
  if (isset($_POST[ 'cff_header_text' ])) $cff_header_text = $_POST[ 'cff_header_text' ];
1002
  if (isset($_POST[ 'cff_header_bg_color' ])) $cff_header_bg_color = $_POST[ 'cff_header_bg_color' ];
@@ -1096,7 +1112,6 @@ function cff_style_page() {
1096
  update_option( $cff_title_length, $cff_title_length_val );
1097
  update_option( $cff_body_length, $cff_body_length_val );
1098
  //Page Header
1099
- $options[ 'cff_show_header' ] = $cff_show_header;
1100
  $options[ 'cff_header_outside' ] = $cff_header_outside;
1101
  $options[ 'cff_header_text' ] = $cff_header_text;
1102
  $options[ 'cff_header_bg_color' ] = $cff_header_bg_color;
@@ -1224,7 +1239,8 @@ function cff_style_page() {
1224
  (isset($_POST[ 'cff_font_source' ])) ? $cff_font_source = $_POST[ 'cff_font_source' ] : $cff_font_source = '';
1225
  (isset($_POST[ $cff_preserve_settings ])) ? $cff_preserve_settings_val = $_POST[ 'cff_preserve_settings' ] : $cff_preserve_settings_val = '';
1226
  if (isset($_POST[ 'cff_cron' ])) $cff_cron = $_POST[ 'cff_cron' ];
1227
-
 
1228
 
1229
  //Meta
1230
  $options[ 'cff_icon_style' ] = $cff_icon_style;
@@ -1262,7 +1278,8 @@ function cff_style_page() {
1262
  update_option( $cff_preserve_settings, $cff_preserve_settings_val );
1263
 
1264
  $options[ 'cff_cron' ] = $cff_cron;
1265
-
 
1266
 
1267
  if( $cff_cron == 'no' ) wp_clear_scheduled_hook('cff_cron_job');
1268
 
@@ -1348,93 +1365,118 @@ function cff_style_page() {
1348
 
1349
  <div id="cff-admin" class="wrap">
1350
  <div id="header">
1351
- <h2><?php _e('Customize'); ?></h2>
1352
  </div>
1353
  <form name="form1" method="post" action="">
1354
  <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
1355
  <?php
1356
- $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
1357
  ?>
1358
  <h2 class="nav-tab-wrapper">
1359
- <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General'); ?></a>
1360
- <a href="?page=cff-style&tab=post_layout" class="nav-tab <?php echo $active_tab == 'post_layout' ? 'nav-tab-active' : ''; ?>"><?php _e('Post Layout'); ?></a>
1361
- <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography'); ?></a>
1362
- <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc'); ?></a>
1363
- <a href="?page=cff-style&tab=custom_text" class="nav-tab <?php echo $active_tab == 'custom_text' ? 'nav-tab-active' : ''; ?>"><?php _e('Custom Text / Translate'); ?></a>
1364
  </h2>
1365
- <?php if( $active_tab == 'general' ) { //Start General tab ?>
 
 
 
 
 
 
 
1366
  <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
1367
  <br />
1368
  <table class="form-table">
1369
  <tbody>
1370
- <h3><?php _e('General'); ?></h3>
1371
  <tr valign="top">
1372
- <th class="bump-left" scope="row"><label><?php _e('Feed Width'); ?></label></th>
 
1373
  <td>
1374
- <input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
1375
- <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
 
 
 
 
 
1376
  </td>
1377
  </tr>
1378
  <tr valign="top">
1379
- <th class="bump-left" scope="row"><label><?php _e('Feed Height'); ?></label></th>
 
 
 
 
 
 
 
 
1380
  <td>
1381
- <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
1382
- <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.'); ?></i></span>
1383
  </td>
1384
  </tr>
1385
- <th class="bump-left" scope="row"><label><?php _e('Feed Padding'); ?></label></th>
 
 
1386
  <td>
1387
- <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
1388
- <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.'); ?></i></span>
1389
  </td>
1390
  </tr>
1391
  <tr valign="top">
1392
- <th class="bump-left" scope="row"><label><?php _e('Feed Background Color'); ?></label></th>
 
1393
  <td>
1394
- <input name="cff_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_bg_color) ); ?>" class="cff-colorpicker" />
 
1395
  </td>
1396
  </tr>
1397
  <tr valign="top">
1398
- <th class="bump-left" scope="row"><label><?php _e('Add CSS class to feed'); ?></label></th>
 
1399
  <td>
1400
- <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class ); ?>" size="25" />
1401
- <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'); ?></i>
1402
  </td>
1403
  </tr>
1404
  </tbody>
1405
  </table>
1406
 
1407
- <hr />
1408
  <table class="form-table">
1409
  <tbody>
1410
- <h3><?php _e('Post Types'); ?></h3>
1411
  <tr valign="top">
1412
- <th scope="row"><?php _e('Only show these types of posts:'); ?><br />
1413
- <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 types, photos, videos and more'); ?></a></i></th>
1414
  <td>
1415
  <div>
1416
  <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled checked />
1417
- <label for="cff_show_status_type"><?php _e('Statuses'); ?></label>
1418
  </div>
1419
  <div>
1420
  <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled checked />
1421
- <label for="cff_show_event_type"><?php _e('Events'); ?></label>
1422
  </div>
1423
  <div>
1424
  <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled checked />
1425
- <label for="cff_show_photos_type"><?php _e('Photos'); ?></label>
1426
  </div>
1427
  <div>
1428
  <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled checked />
1429
- <label for="cff_show_video_type"><?php _e('Videos'); ?></label>
1430
  </div>
1431
  <div>
1432
  <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
1433
- <label for="cff_show_links_type"><?php _e('Links'); ?></label>
1434
  </div>
1435
  <div>
1436
  <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
1437
- <label for="cff_show_links_type"><?php _e('Albums'); ?></label>
1438
  </div>
1439
  </td>
1440
  </tr>
@@ -1444,17 +1486,25 @@ function cff_style_page() {
1444
 
1445
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1446
  <?php } //End General tab ?>
1447
- <?php if( $active_tab == 'post_layout' ) { //Start Post Layout tab ?>
 
 
 
 
 
 
 
 
1448
  <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
1449
  <br />
1450
- <h3><?php _e('Post Layout'); ?></h3>
1451
  <table class="form-table">
1452
 
1453
  <tbody>
1454
  <tr>
1455
  <td>
1456
- <p><?php _e("Choose a layout from the 3 below."); ?>
1457
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts'); ?></a></i>
1458
  </p>
1459
  </td>
1460
  </tr>
@@ -1463,17 +1513,17 @@ function cff_style_page() {
1463
 
1464
  <div class="cff-layouts cff-disabled">
1465
  <div class="cff-layout">
1466
- <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="thumb" />&nbsp;<?php _e('Thumbnail'); ?></h3>
1467
  <img src="<?php echo plugins_url( 'img/layout-thumb.png' , __FILE__ ) ?>" alt="Thumbnail Layout" />
1468
 
1469
  </div>
1470
  <div class="cff-layout">
1471
- <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="half" />&nbsp;<?php _e('Half-width'); ?></h3>
1472
  <img src="<?php echo plugins_url( 'img/layout-half.png' , __FILE__ ) ?>" alt="Half Width Layout" />
1473
 
1474
  </div>
1475
  <div class="cff-layout">
1476
- <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="full" />&nbsp;<?php _e('Full-width'); ?></h3>
1477
  <img src="<?php echo plugins_url( 'img/layout-full.png' , __FILE__ ) ?>" alt="Full Width Layout" />
1478
 
1479
  </div>
@@ -1482,7 +1532,7 @@ function cff_style_page() {
1482
  <table class="form-table cff-disabled">
1483
  <tbody>
1484
  <tr class="cff-media-position">
1485
- <th><label class="bump-left"><?php _e('Photo/Video Position'); ?></label></th>
1486
  <td>
1487
  <select name="cff_media_position" disabled>
1488
  <option>Below Text</option>
@@ -1492,96 +1542,106 @@ function cff_style_page() {
1492
  </td>
1493
  </tr>
1494
  <tr>
1495
- <th><label class="bump-left"><?php _e('Always use the Full-width layout when feed is narrow?'); ?></label></th>
1496
  <td>
1497
  <input type="checkbox" id="cff_enable_narrow" disabled />
1498
- <label for="cff_enable_narrow"><?php _e('Yes'); ?></label>
1499
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
1500
- <p class="cff-tooltip cff-more-info"><?php _e("When displaying posts in either a narrow column or on a mobile device the plugin will automatically default to using the 'Full-width' layout as it's better suited to narrow sizes."); ?></p>
1501
  </td>
1502
  </tr>
 
1503
  </tbody>
1504
  </table>
1505
 
1506
  <hr />
1507
- <h3><?php _e('Show/Hide'); ?></h3>
1508
  <table class="form-table">
1509
  <tbody>
1510
  <tr valign="top">
1511
- <th scope="row"><?php _e('Include the following in posts: <i style="font-size: 11px;">(when applicable)</i>'); ?>
1512
- <br /><i style="color: #666; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable all of these options'); ?></a></i></th>
 
 
 
 
1513
  <td>
1514
  <div>
1515
  <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
1516
- <label for="cff_show_author"><?php _e('Author name and avatar'); ?></label>
1517
  </div>
1518
  <div>
1519
  <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
1520
- <label for="cff_show_text"><?php _e('Post text'); ?></label>
1521
  </div>
1522
  <div>
1523
  <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
1524
- <label for="cff_show_date"><?php _e('Date'); ?></label>
1525
  </div>
1526
  <div>
1527
  <input type="checkbox" id="cff_show_media" disabled />
1528
- <label for="cff_show_media"><?php _e('Photos/videos'); ?></label>
1529
  </div>
1530
  <div>
1531
  <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
1532
- <label for="cff_show_shared_links"><?php _e('Shared links'); ?></label>
1533
  </div>
1534
  <div>
1535
  <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
1536
- <label for="cff_show_desc"><?php _e('Link, photo and video descriptions'); ?></label>
1537
  </div>
1538
  <div>
1539
  <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
1540
- <label for="cff_show_event_title"><?php _e('Event title'); ?></label>
1541
  </div>
1542
  <div>
1543
  <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
1544
- <label for="cff_show_event_details"><?php _e('Event details'); ?></label>
1545
  </div>
1546
  <div>
1547
  <input type="checkbox" id="cff_show_meta" disabled />
1548
- <label for="cff_show_meta"><?php _e('Like/shares/comments'); ?></label>
1549
  </div>
1550
  <div>
1551
  <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
1552
- <label for="cff_show_link"><?php _e('View on Facebook'); ?></label>
1553
  </div>
1554
  </td>
1555
  </tr>
 
1556
  </tbody>
1557
  </table>
1558
 
1559
  <hr />
1560
- <h3><?php _e('Post Style'); ?></h3>
1561
  <table class="form-table">
1562
  <tbody>
1563
  <tr valign="top">
1564
- <th class="bump-left" scope="row"><?php _e('Background Color'); ?></th>
 
1565
  <td>
1566
- <input name="cff_post_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_post_bg_color) ); ?>" class="cff-colorpicker" />
1567
  </td>
1568
  </tr>
1569
  <tr valign="top">
1570
- <th class="bump-left" scope="row"><?php _e('Rounded Corner Size'); ?></th>
 
1571
  <td>
1572
- <input name="cff_post_rounded" type="text" value="<?php esc_attr_e( $cff_post_rounded ); ?>" size="3" />px <span><i style="color: #666; font-size: 11px; margin-left: 5px;">Eg. 5</i></span>
1573
  </td>
1574
  </tr>
1575
  <tr valign="top">
1576
- <th class="bump-left" scope="row"><label><?php _e('Separating Line Color'); ?></label></th>
 
1577
  <td>
1578
- <input name="cff_sep_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_sep_color) ); ?>" 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"); ?></i>
1579
  </td>
1580
  </tr>
1581
  <tr valign="top">
1582
- <th class="bump-left" scope="row"><label><?php _e('Separating Line Thickness'); ?></label></th>
 
1583
  <td>
1584
- <input name="cff_sep_size" type="text" value="<?php esc_attr_e( $cff_sep_size ); ?>" size="1" /><span>px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to hide'); ?></i>
1585
  </td>
1586
  </tr>
1587
  </tbody>
@@ -1590,10 +1650,25 @@ function cff_style_page() {
1590
  <?php submit_button(); ?>
1591
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1592
  <?php } //End Post Layout tab ?>
1593
- <?php if( $active_tab == 'typography' ) { //Start Typography tab ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1594
  <input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
1595
  <br />
1596
- <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.'); ?></i></p>
1597
 
1598
  <div id="poststuff" class="metabox-holder">
1599
  <div class="meta-box-sortables ui-sortable">
@@ -1601,46 +1676,44 @@ function cff_style_page() {
1601
 
1602
  <div id="adminform" class="postbox" style="display: block;">
1603
  <div class="handlediv" title="Click to toggle"><br></div>
1604
- <h3 class="hndle"><span><?php _e('Feed Header'); ?></span></h3>
1605
  <div class="inside">
1606
  <table class="form-table">
1607
  <tbody>
1608
  <tr valign="top">
1609
- <th class="bump-left" scope="row"><label><?php _e('Show Feed Header'); ?></label></th>
1610
- <td>
1611
- <input type="checkbox" name="cff_show_header" id="cff_show_header" <?php if($cff_show_header == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
1612
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This will show a header at the top of your feed'); ?></i>
1613
- </td>
1614
- </tr>
1615
- <tr valign="top">
1616
- <th class="bump-left" scope="row"><label><?php _e('Display outside the scrollable area'); ?></label></th>
1617
  <td>
1618
- <input type="checkbox" name="cff_header_outside" id="cff_header_outside" <?php if($cff_header_outside == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
1619
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Only applicable if you have set a height on the feed'); ?></i>
1620
  </td>
1621
  </tr>
1622
  </tr>
1623
- <th class="bump-left" scope="row"><label><?php _e('Text'); ?></label></th>
 
1624
  <td>
1625
- <input name="cff_header_text" type="text" value="<?php esc_attr_e( $cff_header_text ); ?>" size="30" />
1626
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('The text to display in the feed header'); ?></i>
1627
  </td>
1628
  </tr>
1629
  <tr valign="top">
1630
- <th class="bump-left" scope="row"><label><?php _e('Background Color'); ?></label></th>
 
1631
  <td>
1632
- <input name="cff_header_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_bg_color) ); ?>" class="cff-colorpicker" />
1633
  </td>
1634
  </tr>
1635
  </tr>
1636
- <th class="bump-left" scope="row"><label><?php _e('Padding'); ?></label></th>
 
1637
  <td>
1638
- <input name="cff_header_padding" type="text" value="<?php esc_attr_e( $cff_header_padding ); ?>" size="6" />
1639
- <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.'); ?></i></span>
1640
  </td>
1641
  </tr>
1642
  <tr>
1643
- <th class="bump-left" scope="row"><label><?php _e('Text Size'); ?></label></th>
 
1644
  <td>
1645
  <select name="cff_header_text_size">
1646
  <option value="inherit" <?php if($cff_header_text_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1664,7 +1737,8 @@ function cff_style_page() {
1664
  </td>
1665
  </tr>
1666
  <tr>
1667
- <th class="bump-left" scope="row"><label><?php _e('Text Weight'); ?></label></th>
 
1668
  <td>
1669
  <select name="cff_header_text_weight">
1670
  <option value="inherit" <?php if($cff_header_text_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1674,13 +1748,15 @@ function cff_style_page() {
1674
  </td>
1675
  </tr>
1676
  <tr>
1677
- <th class="bump-left" scope="row"><label><?php _e('Text Color'); ?></label></th>
 
1678
  <td>
1679
- <input name="cff_header_text_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_text_color) ); ?>" class="cff-colorpicker" />
1680
  </td>
1681
  </tr>
1682
  <tr>
1683
- <th class="bump-left" scope="row"><label><?php _e('Icon Type'); ?></label></th>
 
1684
  <td>
1685
  <select name="cff_header_icon" id="cff-header-icon">
1686
  <option value="facebook-square" <?php if($cff_header_icon == "facebook-square") echo 'selected="selected"' ?> >Facebook 1</option>
@@ -1708,13 +1784,15 @@ function cff_style_page() {
1708
  </td>
1709
  </tr>
1710
  <tr>
1711
- <th class="bump-left" scope="row"><label><?php _e('Icon Color'); ?></label></th>
 
1712
  <td>
1713
- <input name="cff_header_icon_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_icon_color) ); ?>" class="cff-colorpicker" />
1714
  </td>
1715
  </tr>
1716
  <tr>
1717
- <th class="bump-left" scope="row"><label><?php _e('Icon Size'); ?></label></th>
 
1718
  <td>
1719
  <select name="cff_header_icon_size" id="cff-header-icon-size">
1720
  <option value="10" <?php if($cff_header_icon_size == "10") echo 'selected="selected"' ?> >10px</option>
@@ -1736,20 +1814,21 @@ function cff_style_page() {
1736
  </select>
1737
  </td>
1738
  </tr>
1739
-
1740
  </tbody>
1741
  </table>
1742
  </div>
1743
  </div>
1744
 
1745
  <div id="adminform" class="postbox" style="display: block;">
1746
- <div class="handlediv" title="Click to toggle"><br></div>
1747
- <h3 class="hndle"><span><?php _e('Post Author'); ?></span></h3>
1748
  <div class="inside">
1749
  <table class="form-table">
1750
  <tbody>
1751
  <tr>
1752
- <th><label for="cff_author_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
1753
  <td>
1754
  <select name="cff_author_size">
1755
  <option value="inherit" <?php if($cff_author_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1773,11 +1852,13 @@ function cff_style_page() {
1773
  </td>
1774
  </tr>
1775
  <tr>
1776
- <th><label for="cff_author_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
1777
  <td>
1778
- <input name="cff_author_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_author_color) ); ?>" class="cff-colorpicker" />
1779
  </td>
1780
  </tr>
 
1781
  </tbody>
1782
  </table>
1783
  </div>
@@ -1788,18 +1869,20 @@ function cff_style_page() {
1788
  </div>
1789
  <div id="adminform" class="postbox" style="display: block;">
1790
  <div class="handlediv" title="Click to toggle"><br></div>
1791
- <h3 class="hndle"><span><?php _e('Post Text'); ?></span></h3>
1792
  <div class="inside">
1793
  <table class="form-table">
1794
  <tbody>
1795
  <tr valign="top">
1796
- <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length'); ?></label></th>
 
1797
  <td>
1798
- <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val ); ?>" size="4" /> <span><?php _e('Characters.'); ?></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.'); ?></i>
1799
  </td>
1800
  </tr>
1801
  <tr>
1802
- <th><label for="cff_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
 
1803
  <td>
1804
  <select name="cff_title_format">
1805
  <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
@@ -1811,7 +1894,8 @@ function cff_style_page() {
1811
  </td>
1812
  </tr>
1813
  <tr>
1814
- <th><label for="cff_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
1815
  <td>
1816
  <select name="cff_title_size">
1817
  <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1835,7 +1919,8 @@ function cff_style_page() {
1835
  </td>
1836
  </tr>
1837
  <tr>
1838
- <th><label for="cff_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
1839
  <td>
1840
  <select name="cff_title_weight">
1841
  <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1845,58 +1930,63 @@ function cff_style_page() {
1845
  </td>
1846
  </tr>
1847
  <tr>
1848
- <th><label for="cff_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
1849
  <td>
1850
- <input name="cff_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_title_color) ); ?>" class="cff-colorpicker" />
1851
  </td>
1852
  </tr>
1853
  <tr>
1854
- <th><label for="cff_posttext_link_color" class="bump-left"><?php _e('Link Color'); ?></label></th>
 
1855
  <td>
1856
- <input name="cff_posttext_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_posttext_link_color) ); ?>" class="cff-colorpicker" />
1857
  </td>
1858
  </tr>
1859
  <tr>
1860
- <th><label for="cff_title_link" class="bump-left"><?php _e('Link Text to Facebook Post?'); ?></label></th>
1861
- <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'); ?></td>
 
1862
  </tr>
1863
 
1864
  <tr>
1865
- <th><label for="cff_post_tags" class="bump-left"><?php _e('Link Post Tags?'); ?></label></th>
 
1866
  <td>
1867
- <input type="checkbox" name="cff_post_tags" id="cff_post_tags" <?php if($cff_post_tags == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
1868
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What are Post Tags?'); ?></a>
1869
- <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."); ?></p>
1870
  </td>
1871
  </tr>
1872
-
1873
  <tr>
1874
- <th><label for="cff_link_hashtags" class="bump-left"><?php _e('Link Hashtags?'); ?></label></th>
 
1875
  <td>
1876
- <input type="checkbox" name="cff_link_hashtags" id="cff_link_hashtags" <?php if($cff_link_hashtags == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
1877
  </td>
1878
  </tr>
1879
-
1880
  </tbody>
1881
  </table>
1882
  </div>
1883
  </div>
1884
-
1885
-
1886
  <div id="adminform" class="postbox" style="display: block;">
1887
  <div class="handlediv" title="Click to toggle"><br></div>
1888
- <h3 class="hndle"><span><?php _e('Link, Photo and Video Description'); ?></span></h3>
1889
  <div class="inside">
1890
  <table class="form-table">
1891
  <tbody>
1892
  <tr valign="top">
1893
- <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length'); ?></label></th>
 
1894
  <td>
1895
- <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val ); ?>" size="4" /> <span><?php _e('Characters. Eg. 200'); ?></span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum length'); ?></i>
1896
  </td>
1897
  </tr>
1898
  <tr>
1899
- <th><label for="cff_body_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
1900
  <td>
1901
  <select name="cff_body_size">
1902
  <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1920,7 +2010,8 @@ function cff_style_page() {
1920
  </td>
1921
  </tr>
1922
  <tr>
1923
- <th><label for="cff_body_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
1924
  <td>
1925
  <select name="cff_body_weight">
1926
  <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1930,29 +2021,31 @@ function cff_style_page() {
1930
  </td>
1931
  </tr>
1932
  <tr>
1933
- <th><label for="cff_body_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
1934
 
1935
  <td>
1936
- <input name="cff_body_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_body_color) ); ?>" class="cff-colorpicker" />
1937
  </td>
1938
  </tr>
 
1939
  </tbody>
1940
  </table>
1941
  </div>
1942
  </div>
1943
 
1944
- <div style="margin-top: -15px;">
1945
- <?php submit_button(); ?>
1946
- </div>
1947
-
1948
  <div id="adminform" class="postbox" style="display: block;">
1949
  <div class="handlediv" title="Click to toggle"><br></div>
1950
- <h3 class="hndle"><span><?php _e('Post Date'); ?></span></h3>
1951
  <div class="inside">
1952
  <table class="form-table">
1953
  <tbody>
1954
  <tr>
1955
- <th><label for="cff_date_position" class="bump-left"><?php _e('Position'); ?></label></th>
 
1956
  <td>
1957
  <select name="cff_date_position" style="width: 280px;">
1958
  <option value="author" <?php if($cff_date_position == "author") echo 'selected="selected"' ?> >Immediately under the post author</option>
@@ -1962,7 +2055,8 @@ function cff_style_page() {
1962
  </td>
1963
  </tr>
1964
  <tr>
1965
- <th><label for="cff_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
1966
  <td>
1967
  <select name="cff_date_size">
1968
  <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1986,7 +2080,8 @@ function cff_style_page() {
1986
  </td>
1987
  </tr>
1988
  <tr>
1989
- <th><label for="cff_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
1990
  <td>
1991
  <select name="cff_date_weight">
1992
  <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -1996,18 +2091,20 @@ function cff_style_page() {
1996
  </td>
1997
  </tr>
1998
  <tr>
1999
- <th><label for="cff_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
2000
  <td>
2001
- <input name="cff_date_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_date_color) ); ?>" class="cff-colorpicker" />
2002
  </td>
2003
  </tr>
2004
 
2005
  <tr>
2006
- <th><label for="cff_date_formatting" class="bump-left"><?php _e('Date formatting'); ?></label></th>
 
2007
  <td>
2008
  <select name="cff_date_formatting">
2009
  <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
2010
- <option value="1" <?php if($cff_date_formatting == "1") echo 'selected="selected"' ?> ><?php _e('2 days ago'); ?></option>
2011
  <option value="2" <?php if($cff_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:i a', $original); ?></option>
2012
  <option value="3" <?php if($cff_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('F jS', $original); ?></option>
2013
  <option value="4" <?php if($cff_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('D F jS', $original); ?></option>
@@ -2024,118 +2121,120 @@ function cff_style_page() {
2024
  </tr>
2025
 
2026
  <tr>
2027
- <th><label for="cff_timezone" class="bump-left"><?php _e('Timezone'); ?></label></th>
2028
  <td>
2029
  <select name="cff_timezone" style="width: 300px;">
2030
- <option value="Pacific/Midway" <?php if($cff_timezone == "Pacific/Midway") echo 'selected="selected"' ?> ><?php _e('(GMT-11:00) Midway Island, Samoa'); ?></option>
2031
- <option value="America/Adak" <?php if($cff_timezone == "America/Adak") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii-Aleutian'); ?></option>
2032
- <option value="Etc/GMT+10" <?php if($cff_timezone == "Etc/GMT+10") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii'); ?></option>
2033
- <option value="Pacific/Marquesas" <?php if($cff_timezone == "Pacific/Marquesas") echo 'selected="selected"' ?> ><?php _e('(GMT-09:30) Marquesas Islands'); ?></option>
2034
- <option value="Pacific/Gambier" <?php if($cff_timezone == "Pacific/Gambier") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Gambier Islands'); ?></option>
2035
- <option value="America/Anchorage" <?php if($cff_timezone == "America/Anchorage") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Alaska'); ?></option>
2036
- <option value="America/Ensenada" <?php if($cff_timezone == "America/Ensenada") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Tijuana, Baja California'); ?></option>
2037
- <option value="Etc/GMT+8" <?php if($cff_timezone == "Etc/GMT+8") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pitcairn Islands'); ?></option>
2038
- <option value="America/Los_Angeles" <?php if($cff_timezone == "America/Los_Angeles") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pacific Time (US & Canada)'); ?></option>
2039
- <option value="America/Denver" <?php if($cff_timezone == "America/Denver") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Mountain Time (US & Canada)'); ?></option>
2040
- <option value="America/Chihuahua" <?php if($cff_timezone == "America/Chihuahua") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Chihuahua, La Paz, Mazatlan'); ?></option>
2041
- <option value="America/Dawson_Creek" <?php if($cff_timezone == "America/Dawson_Creek") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Arizona'); ?></option>
2042
- <option value="America/Belize" <?php if($cff_timezone == "America/Belize") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Saskatchewan, Central America'); ?></option>
2043
- <option value="America/Cancun" <?php if($cff_timezone == "America/Cancun") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Guadalajara, Mexico City, Monterrey'); ?></option>
2044
- <option value="Chile/EasterIsland" <?php if($cff_timezone == "Chile/EasterIsland") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Easter Island'); ?></option>
2045
- <option value="America/Chicago" <?php if($cff_timezone == "America/Chicago") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Central Time (US & Canada)'); ?></option>
2046
- <option value="America/New_York" <?php if($cff_timezone == "America/New_York") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Eastern Time (US & Canada)'); ?></option>
2047
- <option value="America/Havana" <?php if($cff_timezone == "America/Havana") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Cuba'); ?></option>
2048
- <option value="America/Bogota" <?php if($cff_timezone == "America/Bogota") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Bogota, Lima, Quito, Rio Branco'); ?></option>
2049
- <option value="America/Caracas" <?php if($cff_timezone == "America/Caracas") echo 'selected="selected"' ?> ><?php _e('(GMT-04:30) Caracas'); ?></option>
2050
- <option value="America/Santiago" <?php if($cff_timezone == "America/Santiago") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Santiago'); ?></option>
2051
- <option value="America/La_Paz" <?php if($cff_timezone == "America/La_Paz") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) La Paz'); ?></option>
2052
- <option value="Atlantic/Stanley" <?php if($cff_timezone == "Atlantic/Stanley") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Faukland Islands'); ?></option>
2053
- <option value="America/Campo_Grande" <?php if($cff_timezone == "America/Campo_Grande") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Brazil'); ?></option>
2054
- <option value="America/Goose_Bay" <?php if($cff_timezone == "America/Goose_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Goose Bay)'); ?></option>
2055
- <option value="America/Glace_Bay" <?php if($cff_timezone == "America/Glace_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Canada)'); ?></option>
2056
- <option value="America/St_Johns" <?php if($cff_timezone == "America/St_Johns") echo 'selected="selected"' ?> ><?php _e('(GMT-03:30) Newfoundland'); ?></option>
2057
- <option value="America/Araguaina" <?php if($cff_timezone == "America/Araguaina") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) UTC-3'); ?></option>
2058
- <option value="America/Montevideo" <?php if($cff_timezone == "America/Montevideo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Montevideo'); ?></option>
2059
- <option value="America/Miquelon" <?php if($cff_timezone == "America/Miquelon") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Miquelon, St. Pierre'); ?></option>
2060
- <option value="America/Godthab" <?php if($cff_timezone == "America/Godthab") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Greenland'); ?></option>
2061
- <option value="America/Argentina/Buenos_Aires" <?php if($cff_timezone == "America/Argentina/Buenos_Aires") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Buenos Aires'); ?></option>
2062
- <option value="America/Sao_Paulo" <?php if($cff_timezone == "America/Sao_Paulo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Brasilia'); ?></option>
2063
- <option value="America/Noronha" <?php if($cff_timezone == "America/Noronha") echo 'selected="selected"' ?> ><?php _e('(GMT-02:00) Mid-Atlantic'); ?></option>
2064
- <option value="Atlantic/Cape_Verde" <?php if($cff_timezone == "Atlantic/Cape_Verde") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Cape Verde Is.'); ?></option>
2065
- <option value="Atlantic/Azores" <?php if($cff_timezone == "Atlantic/Azores") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Azores'); ?></option>
2066
- <option value="Europe/Belfast" <?php if($cff_timezone == "Europe/Belfast") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Belfast'); ?></option>
2067
- <option value="Europe/Dublin" <?php if($cff_timezone == "Europe/Dublin") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Dublin'); ?></option>
2068
- <option value="Europe/Lisbon" <?php if($cff_timezone == "Europe/Lisbon") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Lisbon'); ?></option>
2069
- <option value="Europe/London" <?php if($cff_timezone == "Europe/London") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : London'); ?></option>
2070
- <option value="Africa/Abidjan" <?php if($cff_timezone == "Africa/Abidjan") echo 'selected="selected"' ?> ><?php _e('(GMT) Monrovia, Reykjavik'); ?></option>
2071
- <option value="Europe/Amsterdam" <?php if($cff_timezone == "Europe/Amsterdam") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna'); ?></option>
2072
- <option value="Europe/Belgrade" <?php if($cff_timezone == "Europe/Belgrade") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague'); ?></option>
2073
- <option value="Europe/Brussels" <?php if($cff_timezone == "Europe/Brussels") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Brussels, Copenhagen, Madrid, Paris'); ?></option>
2074
- <option value="Africa/Algiers" <?php if($cff_timezone == "Africa/Algiers") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) West Central Africa'); ?></option>
2075
- <option value="Africa/Windhoek" <?php if($cff_timezone == "Africa/Windhoek") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Windhoek'); ?></option>
2076
- <option value="Asia/Beirut" <?php if($cff_timezone == "Asia/Beirut") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Beirut'); ?></option>
2077
- <option value="Africa/Cairo" <?php if($cff_timezone == "Africa/Cairo") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Cairo'); ?></option>
2078
- <option value="Asia/Gaza" <?php if($cff_timezone == "Asia/Gaza") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Gaza'); ?></option>
2079
- <option value="Africa/Blantyre" <?php if($cff_timezone == "Africa/Blantyre") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Harare, Pretoria'); ?></option>
2080
- <option value="Asia/Jerusalem" <?php if($cff_timezone == "Asia/Jerusalem") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Jerusalem'); ?></option>
2081
- <option value="Europe/Minsk" <?php if($cff_timezone == "Europe/Minsk") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Minsk'); ?></option>
2082
- <option value="Asia/Damascus" <?php if($cff_timezone == "Asia/Damascus") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Syria'); ?></option>
2083
- <option value="Europe/Moscow" <?php if($cff_timezone == "Europe/Moscow") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Moscow, St. Petersburg, Volgograd'); ?></option>
2084
- <option value="Africa/Addis_Ababa" <?php if($cff_timezone == "Africa/Addis_Ababa") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Nairobi'); ?></option>
2085
- <option value="Asia/Tehran" <?php if($cff_timezone == "Asia/Tehran") echo 'selected="selected"' ?> ><?php _e('(GMT+03:30) Tehran'); ?></option>
2086
- <option value="Asia/Dubai" <?php if($cff_timezone == "Asia/Dubai") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Abu Dhabi, Muscat'); ?></option>
2087
- <option value="Asia/Yerevan" <?php if($cff_timezone == "Asia/Yerevan") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Yerevan'); ?></option>
2088
- <option value="Asia/Kabul" <?php if($cff_timezone == "Asia/Kabul") echo 'selected="selected"' ?> ><?php _e('(GMT+04:30) Kabul'); ?></option>
2089
- <option value="Asia/Yekaterinburg" <?php if($cff_timezone == "Asia/Yekaterinburg") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Ekaterinburg'); ?></option>
2090
- <option value="Asia/Tashkent" <?php if($cff_timezone == "Asia/Tashkent") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Tashkent'); ?></option>
2091
- <option value="Asia/Kolkata" <?php if($cff_timezone == "Asia/Kolkata") echo 'selected="selected"' ?> ><?php _e('(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi'); ?></option>
2092
- <option value="Asia/Katmandu" <?php if($cff_timezone == "Asia/Katmandu") echo 'selected="selected"' ?> ><?php _e('(GMT+05:45) Kathmandu'); ?></option>
2093
- <option value="Asia/Dhaka" <?php if($cff_timezone == "Asia/Dhaka") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Astana, Dhaka'); ?></option>
2094
- <option value="Asia/Novosibirsk" <?php if($cff_timezone == "Asia/Novosibirsk") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Novosibirsk'); ?></option>
2095
- <option value="Asia/Rangoon" <?php if($cff_timezone == "Asia/Rangoon") echo 'selected="selected"' ?> ><?php _e('(GMT+06:30) Yangon (Rangoon)'); ?></option>
2096
- <option value="Asia/Bangkok" <?php if($cff_timezone == "Asia/Bangkok") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Bangkok, Hanoi, Jakarta'); ?></option>
2097
- <option value="Asia/Krasnoyarsk" <?php if($cff_timezone == "Asia/Krasnoyarsk") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Krasnoyarsk'); ?></option>
2098
- <option value="Asia/Hong_Kong" <?php if($cff_timezone == "Asia/Hong_Kong") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi'); ?></option>
2099
- <option value="Asia/Irkutsk" <?php if($cff_timezone == "Asia/Irkutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Irkutsk, Ulaan Bataar'); ?></option>
2100
- <option value="Australia/Perth" <?php if($cff_timezone == "Australia/Perth") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Perth'); ?></option>
2101
- <option value="Australia/Eucla" <?php if($cff_timezone == "Australia/Eucla") echo 'selected="selected"' ?> ><?php _e('(GMT+08:45) Eucla'); ?></option>
2102
- <option value="Asia/Tokyo" <?php if($cff_timezone == "Asia/Tokyo") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Osaka, Sapporo, Tokyo'); ?></option>
2103
- <option value="Asia/Seoul" <?php if($cff_timezone == "Asia/Seoul") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Seoul'); ?></option>
2104
- <option value="Asia/Yakutsk" <?php if($cff_timezone == "Asia/Yakutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Yakutsk'); ?></option>
2105
- <option value="Australia/Adelaide" <?php if($cff_timezone == "Australia/Adelaide") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Adelaide'); ?></option>
2106
- <option value="Australia/Darwin" <?php if($cff_timezone == "Australia/Darwin") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Darwin'); ?></option>
2107
- <option value="Australia/Brisbane" <?php if($cff_timezone == "Australia/Brisbane") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Brisbane'); ?></option>
2108
- <option value="Australia/Hobart" <?php if($cff_timezone == "Australia/Hobart") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Hobart'); ?></option>
2109
- <option value="Asia/Vladivostok" <?php if($cff_timezone == "Asia/Vladivostok") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Vladivostok'); ?></option>
2110
- <option value="Australia/Lord_Howe" <?php if($cff_timezone == "Australia/Lord_Howe") echo 'selected="selected"' ?> ><?php _e('(GMT+10:30) Lord Howe Island'); ?></option>
2111
- <option value="Etc/GMT-11" <?php if($cff_timezone == "Etc/GMT-11") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Solomon Is., New Caledonia'); ?></option>
2112
- <option value="Asia/Magadan" <?php if($cff_timezone == "Asia/Magadan") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Magadan'); ?></option>
2113
- <option value="Pacific/Norfolk" <?php if($cff_timezone == "Pacific/Norfolk") echo 'selected="selected"' ?> ><?php _e('(GMT+11:30) Norfolk Island'); ?></option>
2114
- <option value="Asia/Anadyr" <?php if($cff_timezone == "Asia/Anadyr") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Anadyr, Kamchatka'); ?></option>
2115
- <option value="Pacific/Auckland" <?php if($cff_timezone == "Pacific/Auckland") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Auckland, Wellington'); ?></option>
2116
- <option value="Etc/GMT-12" <?php if($cff_timezone == "Etc/GMT-12") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Fiji, Kamchatka, Marshall Is.'); ?></option>
2117
- <option value="Pacific/Chatham" <?php if($cff_timezone == "Pacific/Chatham") echo 'selected="selected"' ?> ><?php _e('(GMT+12:45) Chatham Islands'); ?></option>
2118
- <option value="Pacific/Tongatapu" <?php if($cff_timezone == "Pacific/Tongatapu") echo 'selected="selected"' ?> ><?php _e('(GMT+13:00) Nuku\'alofa'); ?></option>
2119
- <option value="Pacific/Kiritimati" <?php if($cff_timezone == "Pacific/Kiritimati") echo 'selected="selected"' ?> ><?php _e('(GMT+14:00) Kiritimati'); ?></option>
2120
  </select>
2121
  </td>
2122
  </tr>
2123
 
2124
  <tr>
2125
- <th><label for="cff_date_custom" class="bump-left"><?php _e('Custom format'); ?></label></th>
 
2126
  <td>
2127
- <input name="cff_date_custom" type="text" value="<?php esc_attr_e( $cff_date_custom ); ?>" size="10" placeholder="Eg. F j, Y" />
2128
- <a href="https://smashballoon.com/custom-facebook-feed/docs/date/" class="cff-external-link" target="_blank"><?php _e('Examples'); ?></a>
2129
  </td>
2130
  </tr>
2131
  <tr>
2132
- <th><label for="cff_date_before" class="bump-left"><?php _e('Text before date'); ?></label></th>
2133
- <td><input name="cff_date_before" type="text" value="<?php esc_attr_e( $cff_date_before ); ?>" size="20" placeholder="Eg. Posted" /></td>
2134
  </tr>
2135
  <tr>
2136
- <th><label for="cff_date_after" class="bump-left"><?php _e('Text after date'); ?></label></th>
2137
- <td><input name="cff_date_after" type="text" value="<?php esc_attr_e( $cff_date_after ); ?>" size="20" placeholder="Eg. by ___" /></td>
2138
  </tr>
 
2139
  </tbody>
2140
  </table>
2141
  </div>
@@ -2144,13 +2243,13 @@ function cff_style_page() {
2144
 
2145
  <div id="adminform" class="postbox" style="display: block;">
2146
  <div class="handlediv" title="Click to toggle"><br></div>
2147
- <h3 class="hndle"><span><?php _e('Shared Links'); ?></span></h3>
2148
  <div class="inside">
2149
  <table class="form-table">
2150
  <tbody>
2151
-
2152
  <tr>
2153
- <th><label for="cff_link_title_format" class="bump-left"><?php _e('Link Title Format'); ?></label></th>
 
2154
  <td>
2155
  <select name="cff_link_title_format">
2156
  <option value="p" <?php if($cff_link_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
@@ -2162,7 +2261,8 @@ function cff_style_page() {
2162
  </td>
2163
  </tr>
2164
  <tr>
2165
- <th><label for="cff_link_title_size" class="bump-left"><?php _e('Link Title Size'); ?></label></th>
 
2166
  <td>
2167
  <select name="cff_link_title_size">
2168
  <option value="inherit" <?php if($cff_link_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2186,37 +2286,42 @@ function cff_style_page() {
2186
  </td>
2187
  </tr>
2188
  <tr>
2189
- <th><label for="cff_link_title_color" class="bump-left"><?php _e('Link Title Color'); ?></label></th>
 
2190
  <td>
2191
- <input name="cff_link_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_title_color) ); ?>" class="cff-colorpicker" />
2192
  </td>
2193
  </tr>
2194
  <tr>
2195
- <th><label for="cff_link_url_color" class="bump-left"><?php _e('Link URL Color'); ?></label></th>
 
2196
  <td>
2197
- <input name="cff_link_url_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_url_color) ); ?>" class="cff-colorpicker" />
2198
  </td>
2199
  </tr>
2200
 
2201
  <tr>
2202
- <th><label for="cff_link_bg_color" class="bump-left"><?php _e('Link Box Background Color'); ?></label></th>
 
2203
  <td>
2204
- <input name="cff_link_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_bg_color) ); ?>" class="cff-colorpicker" />
2205
  </td>
2206
  </tr>
2207
 
2208
  <tr>
2209
- <th><label for="cff_link_border_color" class="bump-left"><?php _e('Link Box Border Color'); ?></label></th>
 
2210
  <td>
2211
- <input name="cff_link_border_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_border_color) ); ?>" class="cff-colorpicker" />
2212
  </td>
2213
  </tr>
2214
 
2215
  <tr>
2216
- <th><label for="cff_disable_link_box" class="bump-left"><?php _e('Remove Background/Border'); ?></label></th>
2217
- <td><input type="checkbox" name="cff_disable_link_box" id="cff_disable_link_box" <?php if($cff_disable_link_box == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?></td>
 
2218
  </tr>
2219
-
2220
  </tbody>
2221
  </table>
2222
  </div>
@@ -2228,13 +2333,14 @@ function cff_style_page() {
2228
 
2229
  <div id="adminform" class="postbox" style="display: block;">
2230
  <div class="handlediv" title="Click to toggle"><br></div>
2231
- <h3 class="hndle"><span><?php _e('Event Title'); ?></span></h3>
2232
  <div class="inside">
2233
  <table class="form-table">
2234
  <tbody>
2235
 
2236
  <tr>
2237
- <th><label for="cff_event_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
 
2238
  <td>
2239
  <select name="cff_event_title_format">
2240
  <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
@@ -2247,7 +2353,8 @@ function cff_style_page() {
2247
  </tr>
2248
 
2249
  <tr>
2250
- <th><label for="cff_event_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
2251
  <td>
2252
  <select name="cff_event_title_size">
2253
  <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2271,7 +2378,8 @@ function cff_style_page() {
2271
  </td>
2272
  </tr>
2273
  <tr>
2274
- <th><label for="cff_event_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
2275
  <td>
2276
  <select name="cff_event_title_weight">
2277
  <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2281,15 +2389,18 @@ function cff_style_page() {
2281
  </td>
2282
  </tr>
2283
  <tr>
2284
- <th><label for="cff_event_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
2285
  <td>
2286
- <input name="cff_event_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_title_color) ); ?>" class="cff-colorpicker" />
2287
  </td>
2288
  </tr>
2289
  <tr>
2290
- <th><label for="cff_event_title_link" class="bump-left"><?php _e('Link title to Facebook event page?'); ?></label></th>
2291
- <td><input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?></td>
 
2292
  </tr>
 
2293
  </tbody>
2294
  </table>
2295
  </div>
@@ -2297,13 +2408,14 @@ function cff_style_page() {
2297
 
2298
  <div id="adminform" class="postbox" style="display: block;">
2299
  <div class="handlediv" title="Click to toggle"><br></div>
2300
- <h3 class="hndle"><span><?php _e('Event Date'); ?></span></h3>
2301
  <div class="inside">
2302
  <table class="form-table">
2303
  <tbody>
2304
 
2305
  <tr>
2306
- <th><label for="cff_event_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
2307
  <td>
2308
  <select name="cff_event_date_size">
2309
  <option value="inherit" <?php if($cff_event_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2327,7 +2439,8 @@ function cff_style_page() {
2327
  </td>
2328
  </tr>
2329
  <tr>
2330
- <th><label for="cff_event_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
2331
  <td>
2332
  <select name="cff_event_date_weight">
2333
  <option value="inherit" <?php if($cff_event_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2337,25 +2450,30 @@ function cff_style_page() {
2337
  </td>
2338
  </tr>
2339
  <tr>
2340
- <th><label for="cff_event_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
2341
  <td>
2342
- <input name="cff_event_date_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_date_color) ); ?>" class="cff-colorpicker" />
2343
  </td>
2344
  </tr>
2345
  <tr valign="top">
2346
- <th scope="row"><label class="bump-left"><?php _e('Date Position'); ?></label></th>
 
2347
  <td>
2348
  <select name="cff_event_date_position">
2349
- <option value="below" <?php if($cff_event_date_position == "below") echo 'selected="selected"' ?> ><?php _e('Below event title'); ?></option>
2350
- <option value="above" <?php if($cff_event_date_position == "above") echo 'selected="selected"' ?> ><?php _e('Above event title'); ?></option>
2351
  </select>
2352
  </td>
2353
  </tr>
2354
  <tr>
2355
- <th><label for="cff_event_date_formatting" class="bump-left"><?php _e('Event date formatting'); ?></label></th>
 
2356
  <td>
2357
  <select name="cff_event_date_formatting">
2358
  <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
 
 
2359
  <option value="1" <?php if($cff_event_date_formatting == "1") echo 'selected="selected"' ?> ><?php echo date('F j, Y, g:ia', $original); ?></option>
2360
  <option value="2" <?php if($cff_event_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:ia', $original); ?></option>
2361
  <option value="3" <?php if($cff_event_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('g:ia - F jS', $original); ?></option>
@@ -2373,25 +2491,28 @@ function cff_style_page() {
2373
  </td>
2374
  </tr>
2375
  <tr>
2376
- <th><label for="cff_event_date_custom" class="bump-left"><?php _e('Custom event date format'); ?></label></th>
 
2377
  <td>
2378
- <input name="cff_event_date_custom" type="text" value="<?php esc_attr_e( $cff_event_date_custom ); ?>" size="10" placeholder="Eg. F j, Y - g:ia" />
2379
- <a href="https://smashballoon.com/custom-facebook-feed/docs/date/" class="cff-external-link" target="_blank"><?php _e('Examples'); ?></a>
2380
  </td>
2381
  </tr>
 
2382
  </tbody>
2383
  </table>
2384
  </div>
2385
  </div>
2386
  <div id="adminform" class="postbox" style="display: block;">
2387
  <div class="handlediv" title="Click to toggle"><br></div>
2388
- <h3 class="hndle"><span><?php _e('Event Details'); ?></span></h3>
2389
  <div class="inside">
2390
  <table class="form-table">
2391
  <tbody>
2392
 
2393
  <tr>
2394
- <th><label for="cff_event_details_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
2395
  <td>
2396
  <select name="cff_event_details_size">
2397
  <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2415,7 +2536,8 @@ function cff_style_page() {
2415
  </td>
2416
  </tr>
2417
  <tr>
2418
- <th><label for="cff_event_details_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
2419
  <td>
2420
  <select name="cff_event_details_weight">
2421
  <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2425,31 +2547,34 @@ function cff_style_page() {
2425
  </td>
2426
  </tr>
2427
  <tr>
2428
- <th><label for="cff_event_details_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
2429
  <td>
2430
- <input name="cff_event_details_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_details_color) ); ?>" class="cff-colorpicker" />
2431
  </td>
2432
  </tr>
2433
  <tr>
2434
- <th><label for="cff_event_link_color" class="bump-left"><?php _e('Link Color'); ?></label></th>
 
2435
  <td>
2436
- <input name="cff_event_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_link_color) ); ?>" class="cff-colorpicker" />
2437
  </td>
2438
  </tr>
2439
-
2440
  </tbody>
2441
  </table>
2442
  </div>
2443
  </div>
2444
  <div id="adminform" class="postbox" style="display: block;">
2445
  <div class="handlediv" title="Click to toggle"><br></div>
2446
- <h3 class="hndle"><span><?php _e('Link to Facebook'); ?></span></h3>
2447
  <div class="inside">
2448
  <table class="form-table">
2449
  <tbody>
2450
 
2451
  <tr>
2452
- <th><label for="cff_link_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
 
2453
  <td>
2454
  <select name="cff_link_size">
2455
  <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2473,7 +2598,8 @@ function cff_style_page() {
2473
  </td>
2474
  </tr>
2475
  <tr>
2476
- <th><label for="cff_link_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
 
2477
  <td>
2478
  <select name="cff_link_weight">
2479
  <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
@@ -2483,36 +2609,41 @@ function cff_style_page() {
2483
  </td>
2484
  </tr>
2485
  <tr>
2486
- <th><label for="cff_link_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
 
2487
  <td>
2488
- <input name="cff_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_color) ); ?>" class="cff-colorpicker" />
2489
  </td>
2490
  </tr>
2491
  <tr>
2492
- <th><label for="cff_facebook_link_text" class="bump-left"><?php _e('Text'); ?></label></th>
 
2493
  <td>
2494
  <input name="cff_facebook_link_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_link_text ) ); ?>" size="25" />
2495
  </td>
2496
  </tr>
2497
 
2498
  <tr>
2499
- <th><label for="cff_facebook_share_text" class="bump-left"><?php _e('"Share" Text'); ?></label></th>
 
2500
  <td>
2501
  <input name="cff_facebook_share_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_share_text ) ); ?>" size="25" />
2502
  </td>
2503
  </tr>
2504
 
2505
  <tr>
2506
- <th><label for="cff_show_facebook_link" class="bump-left"><?php _e('Show "View on Facebook" link'); ?></label></th>
 
2507
  <td>
2508
- <input type="checkbox" name="cff_show_facebook_link" id="cff_show_facebook_link" <?php if($cff_show_facebook_link == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2509
  </td>
2510
  </tr>
2511
 
2512
  <tr>
2513
- <th><label for="cff_show_facebook_share" class="bump-left"><?php _e('Show "Share" link'); ?></label></th>
 
2514
  <td>
2515
- <input type="checkbox" name="cff_show_facebook_share" id="cff_show_facebook_share" <?php if($cff_show_facebook_share == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2516
  </td>
2517
  </tr>
2518
 
@@ -2529,185 +2660,219 @@ function cff_style_page() {
2529
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
2530
 
2531
  <?php } //End Typography tab ?>
2532
- <?php if( $active_tab == 'misc' ) { //Start Misc tab ?>
 
 
 
 
 
 
 
 
 
 
2533
  <input type="hidden" name="<?php echo $style_misc_hidden_field_name; ?>" value="Y">
2534
  <br />
2535
- <h3><?php _e('Likes, Shares and Comments'); ?></h3><i style="color: #666; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable likes, shares and comments'); ?></a></i>
2536
 
2537
- <hr />
2538
- <h3><?php _e('Like Box / Page Plugin'); ?></h3>
2539
  <table class="form-table">
2540
  <tbody>
2541
  <tr valign="top">
2542
- <th class="bump-left" scope="row"><label><?php _e('Show the Like Box'); ?></label></th>
 
2543
  <td>
2544
- <input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2545
  </td>
2546
  </tr>
2547
  <tr valign="top">
2548
- <th class="bump-left" scope="row"><label><?php _e('Position'); ?></label></th>
 
2549
  <td>
2550
  <select name="cff_like_box_position">
2551
- <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> ><?php _e('Bottom'); ?></option>
2552
- <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> ><?php _e('Top'); ?></option>
2553
  </select>
2554
  </td>
2555
  </tr>
2556
  <tr valign="top">
2557
- <th class="bump-left" scope="row"><label><?php _e('Display outside the scrollable area'); ?></label></th>
 
2558
  <td>
2559
- <input type="checkbox" name="cff_like_box_outside" id="cff_like_box_outside" <?php if($cff_like_box_outside == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2560
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Only applicable if you have set a height on the feed'); ?></i>
2561
  </td>
2562
  </tr>
2563
 
2564
  <tr valign="top">
2565
- <th class="bump-left" scope="row"><label><?php _e('Show faces of fans'); ?></label></th>
 
2566
  <td>
2567
- <input type="checkbox" name="cff_like_box_faces" id="cff_like_box_faces" <?php if($cff_like_box_faces == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2568
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Show thumbnail photos of fans who like your page'); ?></i>
2569
  </td>
2570
  </tr>
2571
  <tr valign="top">
2572
- <th class="bump-left" scope="row"><label><?php _e('Include the Cover Photo'); ?></label></th>
 
2573
  <td>
2574
- <input type="checkbox" name="cff_like_box_cover" id="cff_like_box_cover" <?php if($cff_like_box_cover == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2575
  </td>
2576
  </tr>
2577
  <tr valign="top">
2578
- <th class="bump-left" scope="row"><label><?php _e('Use a small header'); ?></label></th>
 
2579
  <td>
2580
- <input type="checkbox" name="cff_like_box_small_header" id="cff_like_box_small_header" <?php if($cff_like_box_small_header == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2581
  </td>
2582
  </tr>
2583
  <tr valign="top">
2584
- <th class="bump-left" scope="row"><label><?php _e('Hide the call to action button (if available)'); ?></label></th>
 
2585
  <td>
2586
- <input type="checkbox" name="cff_like_box_hide_cta" id="cff_like_box_hide_cta" <?php if($cff_like_box_hide_cta == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes'); ?>
2587
  </td>
2588
  </tr>
2589
-
2590
-
2591
  <tr valign="top">
2592
- <th class="bump-left" for="cff_likebox_width" scope="row"><label><?php _e('Custom Like Box Width'); ?></label></th>
 
2593
  <td>
2594
- <input name="cff_likebox_width" type="text" value="<?php esc_attr_e( $cff_likebox_width ); ?>" size="3" />
2595
- <span>px <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default: 340, Min: 280, Max: 500'); ?></i></span>
2596
  </td>
2597
  </tr>
2598
- <!-- <tr valign="top">
2599
- <th class="bump-left" for="cff_likebox_height" scope="row"><label><?php _e('Custom Like Box Height'); ?></label></th>
2600
- <td>
2601
- <input name="cff_likebox_height" type="text" value="<?php esc_attr_e( $cff_likebox_height ); ?>" size="3" />
2602
- <span>px <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default: 500, Min: 130'); ?></i></span>
2603
- </td>
2604
- </tr> -->
2605
-
2606
  </tbody>
2607
  </table>
2608
 
2609
  <?php submit_button(); ?>
2610
-
2611
  <hr />
2612
- <h3><?php _e('Custom CSS'); ?></h3>
2613
  <table class="form-table">
2614
  <tbody>
2615
  <tr valign="top">
2616
  <td>
2617
- <?php _e('Enter your own custom CSS in the box below'); ?>
2618
- <i style="margin-left: 5px; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank"><?php _e('See some examples'); ?></a></i>
2619
  </td>
2620
  </tr>
2621
- <tr valign="top">
2622
  <td>
2623
- <textarea name="cff_custom_css" id="cff_custom_css" style="width: 70%;" rows="7"><?php esc_attr_e( $cff_custom_css ); ?></textarea>
2624
  </td>
2625
  </tr>
2626
  </tbody>
2627
  </table>
2628
- <h3><?php _e('Custom JavaScript'); ?></h3>
2629
  <table class="form-table">
2630
  <tbody>
2631
  <tr valign="top">
2632
  <td>
2633
- <?php _e('Enter your own custom JavaScript/jQuery in the box below'); ?>
2634
- <i style="margin-left: 5px; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank"><?php _e('See some examples'); ?></a></i>
2635
  </td>
2636
  </tr>
2637
  <tr valign="top">
2638
  <td>
2639
- <textarea name="cff_custom_js" id="cff_custom_js" style="width: 70%;" rows="7"><?php esc_attr_e( stripslashes($cff_custom_js) ); ?></textarea>
2640
  </td>
2641
  </tr>
 
2642
  </tbody>
2643
  </table>
2644
 
2645
 
2646
  <hr />
2647
- <h3><?php _e('Misc Settings'); ?></h3>
2648
  <table class="form-table">
2649
  <tbody>
2650
  <tr>
2651
- <th class="bump-left"><label for="cff_ajax" class="bump-left"><?php _e('Is your theme loading the Facebook feed via Ajax?'); ?></label></th>
 
2652
  <td>
2653
  <input name="cff_ajax" type="checkbox" id="cff_ajax" <?php if($cff_ajax_val == true) echo "checked"; ?> />
2654
- <label for="cff_ajax"><?php _e('Yes'); ?></label>
2655
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
2656
- <p class="cff-tooltip cff-more-info"><?php _e('Some modern WordPress themes use Ajax to load content into the page after it has loaded. If your theme uses Ajax to load the Custom Facebook Feed content into the page then check this box. If you are not sure then please check with the theme author.'); ?></p>
2657
  </td>
2658
  </tr>
2659
  <tr>
2660
- <th class="bump-left"><label for="cff_app_id" class="bump-left"><?php _e('Facebook App ID'); ?></label></th>
2661
  <td>
2662
- <input name="cff_app_id" type="text" value="<?php esc_attr_e( $cff_app_id ); ?>" size="18" />
2663
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What is this?'); ?></a>
2664
- <p class="cff-tooltip cff-more-info"><?php _e("If you've registered as a Facebook developer and have an App ID then you can enter it here. You can add your website to your Facebook App by going to your App Settings, clicking 'Add Platform' and then entering your website URL."); ?></p>
2665
  </td>
2666
  </tr>
2667
  <tr>
2668
- <th class="bump-left"><label for="cff_preserve_settings" class="bump-left"><?php _e("Preserve settings when plugin is removed"); ?></label></th>
2669
  <td>
2670
  <input name="cff_preserve_settings" type="checkbox" id="cff_preserve_settings" <?php if($cff_preserve_settings_val == true) echo "checked"; ?> />
2671
- <label for="cff_preserve_settings"><?php _e('Yes'); ?></label>
2672
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
2673
- <p class="cff-tooltip cff-more-info"><?php _e('When removing the plugin your settings are automatically deleted from your database. Checking this box will prevent any settings from being deleted. This means that you can uninstall and reinstall the plugin without losing your settings.'); ?></p>
2674
  </td>
2675
  </tr>
2676
  <tr>
2677
- <th class="bump-left"><label for="cff_show_credit" class="bump-left"><?php _e("Display credit link"); ?></label></th>
 
2678
  <td>
2679
  <input name="cff_show_credit" type="checkbox" id="cff_show_credit" <?php if($cff_show_credit == true) echo "checked"; ?> />
2680
- <label for="cff_show_credit"><?php _e('Yes'); ?></label>
2681
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Display a link at the bottom of the feed to help promote the plugin'); ?></i>
2682
  </td>
2683
  </tr>
2684
 
2685
  <tr>
2686
- <th class="bump-left"><label for="cff_font_source" class="bump-left"><?php _e("Icon font source"); ?></label></th>
2687
  <td>
2688
  <select name="cff_font_source">
2689
- <option value="cdn" <?php if($cff_font_source == "cdn") echo 'selected="selected"' ?> ><?php _e('CDN'); ?></option>
2690
- <option value="local" <?php if($cff_font_source == "local") echo 'selected="selected"' ?> ><?php _e('Local copy'); ?></option>
2691
- <option value="none" <?php if($cff_font_source == "none") echo 'selected="selected"' ?> ><?php _e("Don't load"); ?></option>
2692
  </select>
2693
  </td>
2694
  </tr>
2695
 
2696
  <tr>
2697
  <th class="bump-left">
2698
- <label for="cff_cron" class="bump-left"><?php _e("Force cache to clear on interval"); ?></label>
2699
  </th>
2700
  <td>
2701
  <select name="cff_cron">
2702
- <option value="unset" <?php if($cff_cron == "unset") echo 'selected="selected"' ?> ><?php _e(' - '); ?></option>
2703
- <option value="yes" <?php if($cff_cron == "yes") echo 'selected="selected"' ?> ><?php _e('Yes'); ?></option>
2704
- <option value="no" <?php if($cff_cron == "no") echo 'selected="selected"' ?> ><?php _e('No'); ?></option>
2705
  </select>
2706
 
2707
- <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
2708
- <p class="cff-tooltip cff-more-info"><?php _e("If you're experiencing an issue with the plugin not auto-updating then you can set this to 'Yes' to run a scheduled event behind the scenes which forces the plugin cache to clear on a regular basis and retrieve new data from Facebook."); ?></p>
2709
  </td>
2710
  </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2711
  </tbody>
2712
  </table>
2713
 
@@ -2716,104 +2881,112 @@ function cff_style_page() {
2716
  <?php } //End Misc tab ?>
2717
 
2718
 
2719
- <?php if( $active_tab == 'custom_text' ) { //Start Custom Text tab ?>
 
 
 
 
 
 
 
 
2720
  <input type="hidden" name="<?php echo $style_custom_text_hidden_field_name; ?>" value="Y">
2721
  <br />
2722
- <h3><?php _e('Custom Text / Translate'); ?></h3>
2723
- <p><?php _e('Enter custom text for the words below, or translate it into the language you would like to use.'); ?></p>
2724
  <table class="form-table cff-translate-table" style="width: 100%; max-width: 940px;">
2725
  <tbody>
2726
 
2727
- <thead>
2728
  <tr>
2729
- <th><?php _e('Original Text'); ?></th>
2730
- <th><?php _e('Custom Text / Translation'); ?></th>
2731
- <th><?php _e('Context'); ?></th>
2732
  </tr>
2733
  </thead>
2734
 
2735
- <tr class="cff-table-header"><th colspan="3"><?php _e('Post Text'); ?></th></tr>
2736
  <tr>
2737
- <td><label for="cff_see_more_text" class="bump-left"><?php _e('See More'); ?></label></td>
2738
  <td><input name="cff_see_more_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_see_more_text ) ); ?>" /></td>
2739
- <td class="cff-context"><?php _e('Used when truncating the post text'); ?></td>
2740
  </tr>
2741
 
2742
- <tr>
2743
- <td><label for="cff_see_less_text" class="bump-left"><?php _e('See Less'); ?></label></td>
2744
  <td><input name="cff_see_less_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_see_less_text ) ); ?>" /></td>
2745
- <td class="cff-context"><?php _e('Used when truncating the post text'); ?></td>
2746
  </tr>
2747
 
2748
- <tr class="cff-table-header"><th colspan="3"><?php _e('Post Action Links'); ?></th></tr>
2749
  <tr>
2750
- <td><label for="cff_facebook_link_text" class="bump-left"><?php _e('View on Facebook'); ?></label></td>
2751
  <td><input name="cff_facebook_link_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_link_text ) ); ?>" /></td>
2752
- <td class="cff-context"><?php _e('Used for the link to the post on Facebook'); ?></td>
2753
  </tr>
2754
  <tr>
2755
- <td><label for="cff_facebook_share_text" class="bump-left"><?php _e('Share'); ?></label></td>
2756
  <td><input name="cff_facebook_share_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_share_text ) ); ?>" /></td>
2757
- <td class="cff-context"><?php _e('Used for sharing the Facebook post via Social Media'); ?></td>
2758
  </tr>
2759
 
2760
- <tr>
2761
- <td><label for="cff_translate_photos_text" class="bump-left"><?php _e('photos'); ?></label></td>
2762
  <td><input name="cff_translate_photos_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_photos_text ) ); ?>" /></td>
2763
- <td class="cff-context"><?php _e('Added to the end of an album name. Eg. (6 photos)'); ?></td>
2764
  </tr>
2765
 
2766
- <tr class="cff-table-header"><th colspan="3"><?php _e('Date'); ?></th></tr>
2767
  <tr>
2768
- <td><label for="cff_photos_text" class="bump-left"><?php _e('"Posted _ hours ago" text'); ?></label></td>
2769
  <td class="cff-translate-date">
2770
 
2771
- <label for="cff_translate_second"><?php _e("second"); ?></label>
2772
  <input name="cff_translate_second" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_second ) ); ?>" size="20" />
2773
  <br />
2774
- <label for="cff_translate_seconds"><?php _e("seconds"); ?></label>
2775
  <input name="cff_translate_seconds" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_seconds ) ); ?>" size="20" />
2776
  <br />
2777
- <label for="cff_translate_minute"><?php _e("minute"); ?></label>
2778
  <input name="cff_translate_minute" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_minute ) ); ?>" size="20" />
2779
  <br />
2780
- <label for="cff_translate_minutes"><?php _e("minutes"); ?></label>
2781
  <input name="cff_translate_minutes" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_minutes ) ); ?>" size="20" />
2782
  <br />
2783
- <label for="cff_translate_hour"><?php _e("hour"); ?></label>
2784
  <input name="cff_translate_hour" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_hour ) ); ?>" size="20" />
2785
  <br />
2786
- <label for="cff_translate_hours"><?php _e("hours"); ?></label>
2787
  <input name="cff_translate_hours" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_hours ) ); ?>" size="20" />
2788
  <br />
2789
- <label for="cff_translate_day"><?php _e("day"); ?></label>
2790
  <input name="cff_translate_day" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_day ) ); ?>" size="20" />
2791
  <br />
2792
- <label for="cff_translate_days"><?php _e("days"); ?></label>
2793
  <input name="cff_translate_days" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_days ) ); ?>" size="20" />
2794
  <br />
2795
- <label for="cff_translate_week"><?php _e("week"); ?></label>
2796
  <input name="cff_translate_week" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_week ) ); ?>" size="20" />
2797
  <br />
2798
- <label for="cff_translate_weeks"><?php _e("weeks"); ?></label>
2799
  <input name="cff_translate_weeks" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_weeks ) ); ?>" size="20" />
2800
  <br />
2801
- <label for="cff_translate_month"><?php _e("month"); ?></label>
2802
  <input name="cff_translate_month" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_month ) ); ?>" size="20" />
2803
  <br />
2804
- <label for="cff_translate_months"><?php _e("months"); ?></label>
2805
  <input name="cff_translate_months" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_months ) ); ?>" size="20" />
2806
  <br />
2807
- <label for="cff_translate_year"><?php _e("year"); ?></label>
2808
  <input name="cff_translate_year" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_year ) ); ?>" size="20" />
2809
  <br />
2810
- <label for="cff_translate_years"><?php _e("years"); ?></label>
2811
  <input name="cff_translate_years" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_years ) ); ?>" size="20" />
2812
  <br />
2813
- <label for="cff_translate_ago"><?php _e("ago"); ?></label>
2814
  <input name="cff_translate_ago" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_ago ) ); ?>" size="20" />
2815
  </td>
2816
- <td class="cff-context"><?php _e('Used to translate the "Posted _ days ago" date text'); ?></td>
2817
  </tr>
2818
 
2819
  </tbody>
@@ -2826,7 +2999,7 @@ function cff_style_page() {
2826
  </form>
2827
 
2828
  <hr />
2829
- <h3><?php _e('Like the plugin? Help spread the word!'); ?></h3>
2830
 
2831
  <!-- TWITTER -->
2832
  <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>
@@ -2861,15 +3034,15 @@ function cff_style_page() {
2861
  } //End Style_Page
2862
  //Enqueue admin styles
2863
  function cff_admin_style() {
2864
- wp_register_style( 'custom_wp_admin_css', plugin_dir_url( __FILE__ ) . 'css/cff-admin-style.css?7', false, '1.0.0' );
2865
  wp_enqueue_style( 'custom_wp_admin_css' );
2866
- wp_enqueue_style( 'cff-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css', array(), '4.0.3' );
2867
  wp_enqueue_style( 'wp-color-picker' );
2868
  }
2869
  add_action( 'admin_enqueue_scripts', 'cff_admin_style' );
2870
  //Enqueue admin scripts
2871
  function cff_admin_scripts() {
2872
- wp_enqueue_script( 'cff_admin_script', plugin_dir_url( __FILE__ ) . 'js/cff-admin-scripts.js?7' );
2873
  if( !wp_script_is('jquery-ui-draggable') ) {
2874
  wp_enqueue_script(
2875
  array(
@@ -2894,7 +3067,7 @@ add_filter( "plugin_action_links_{$cff_plugin_file}", 'cff_add_settings_link', 1
2894
 
2895
  //modify the link by unshifting the array
2896
  function cff_add_settings_link( $links, $file ) {
2897
- $cff_settings_link = '<a href="' . admin_url( 'admin.php?page=cff-top' ) . '">' . __( 'Settings', 'cff-top' ) . '</a>';
2898
  array_unshift( $links, $cff_settings_link );
2899
 
2900
  return $links;
119
 
120
  <div id="cff-admin" class="wrap">
121
  <div id="header">
122
+ <h2><?php _e('Custom Facebook Feed Settings', 'custom-facebook-feed'); ?></h2>
123
  </div>
124
 
125
  <?php
126
+ $cff_active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'configuration';
127
  ?>
128
  <h2 class="nav-tab-wrapper">
129
+ <a href="?page=cff-top&amp;tab=configuration" class="nav-tab <?php echo $cff_active_tab == 'configuration' ? 'nav-tab-active' : ''; ?>"><?php _e('Configuration', 'custom-facebook-feed'); ?></a>
130
+ <a href="?page=cff-style" class="nav-tab <?php echo $cff_active_tab == 'customize' ? 'nav-tab-active' : ''; ?>"><?php _e('Customize', 'custom-facebook-feed'); ?></a>
131
+ <a href="?page=cff-top&amp;tab=support" class="nav-tab <?php echo $cff_active_tab == 'support' ? 'nav-tab-active' : ''; ?>"><?php _e('Support', 'custom-facebook-feed'); ?></a>
132
  </h2>
133
 
134
+ <?php if( $cff_active_tab == 'configuration' ) { //Start Extensions tab ?>
135
 
136
  <form name="form1" method="post" action="">
137
  <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
138
  <br />
139
+ <h3><?php _e('Configuration', 'custom-facebook-feed'); ?></h3>
140
  <table class="form-table">
141
  <tbody>
142
  <tr valign="top">
143
+ <th scope="row"><label><?php _e('Facebook Page ID<br /><i style="font-weight: normal; font-size: 12px;">ID of your Facebook Page or Group</i>', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> id
144
+ Eg: id="YOUR_PAGE_ID"</code></th>
145
  <td>
146
+ <input name="cff_page_id" id="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val, 'custom-facebook-feed' ); ?>" size="45" />
147
+ &nbsp;<a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?', 'custom-facebook-feed'); ?></a>
148
  <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
149
  <div class="cff-tooltip cff-more-info">
150
  <ul>
151
+ <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'); ?>
152
+ <li><?php _e('If you have a Facebook <b>group</b> then use <a href="http://lookup-id.com/" target="_blank" title="Find my ID">this tool</a> to find your ID.', 'custom-facebook-feed'); ?></li>
153
+ <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>
154
  </ul>
155
  </div>
156
  </td>
157
  </tr>
158
 
159
  <tr valign="top">
160
+ <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>
161
  <td>
162
+ <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>
163
+ <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>
164
  </td>
165
  </tr>
166
 
167
  <tr valign="top" class="cff-access-token-hidden">
168
+ <th scope="row" style="padding-bottom: 10px;"><?php _e('Facebook Access Token', 'custom-facebook-feed'); ?></th>
169
  <td>
170
+ <input name="cff_access_token" id="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val, 'custom-facebook-feed' ); ?>" size="45" />
171
 
172
  <div class="cff-notice cff-profile-error cff-access-token">
173
+ <?php _e("<p>This doesn't appear to be an Access Token. Please be sure that you didn't enter your App Secret instead of your Access Token.<br />Your App ID and App Secret are used to obtain your Access Token; simply paste them into the fields in the last step of the <a href='https://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>Access Token instructions</a> and click '<b>Get my Access Token</b>'.</p>", 'custom-facebook-feed'); ?>
174
  </div>
175
  </td>
176
  </tr>
179
  <hr />
180
  <table class="form-table">
181
  <tbody>
182
+ <h3><?php _e('Settings', 'custom-facebook-feed'); ?></h3>
183
  <tr valign="top" class="cff-page-type">
184
+ <th scope="row"><label><?php _e('Is this a page, group or profile?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> pagetype
185
+ Eg: pagetype=group</code></th>
186
  <td>
187
  <select name="cff_page_type">
188
+ <option value="page" <?php if($cff_page_type_val == "page") echo 'selected="selected"' ?> ><?php _e('Page', 'custom-facebook-feed'); ?></option>
189
+ <option value="group" <?php if($cff_page_type_val == "group") echo 'selected="selected"' ?> ><?php _e('Group', 'custom-facebook-feed'); ?></option>
190
+ <option value="profile" <?php if($cff_page_type_val == "profile") echo 'selected="selected"' ?> ><?php _e('Profile', 'custom-facebook-feed'); ?></option>
191
  </select>
192
  <div class="cff-notice cff-profile-error cff-page-type">
193
+ <?php _e("<p>Due to Facebook's privacy policy you're not able to display posts from a personal profile, only from a public page or group.</p><p>If you're using a profile to represent a business, organization, product, public figure or the like, then Facebook recommends <a href='http://www.facebook.com/help/175644189234902/' target='_blank'>converting your profile to a page</a>. There are many advantages to using pages over profiles, and once you've converted then the plugin will be able to successfully retrieve and display all of your posts.</p>", 'custom-facebook-feed'); ?>
194
  </div>
195
  </td>
196
  </tr>
197
 
198
  <tr valign="top" class="cff-page-options">
199
+ <th scope="row"><label><?php _e('Show posts on my page by:', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> showpostsby
200
+ Eg: showpostsby=others</code></th>
201
  <td>
202
  <select name="cff_show_others" id="cff_show_others" style="width: 250px;">
203
+ <option value="me" <?php if($cff_show_others_val == 'me') echo 'selected="selected"' ?> ><?php _e('Only the page owner (me)', 'custom-facebook-feed'); ?></option>
204
+ <option value="others" <?php if($cff_show_others_val == 'others' || $cff_show_others_val == 'on') echo 'selected="selected"' ?> ><?php _e('Page owner + other people', 'custom-facebook-feed'); ?></option>
205
+ <option value="onlyothers" <?php if($cff_show_others_val == 'onlyothers') echo 'selected="selected"' ?> ><?php _e('Only other people', 'custom-facebook-feed'); ?></option>
206
  </select>
207
 
208
  <p id="cff-others-only" style="font-size: 12px;"><b>Note:</b> Only displaying posts by other people works by retrieving your posts from Facebook and then filtering out the posts by the page owner. If this option doesn't display many posts then you can retrieve more by setting the post limit option (below) to a higher number (a number 15-20 greater than the number of posts you want to display).</p>
211
  </tr>
212
 
213
  <tr valign="top">
214
+ <th scope="row"><label><?php _e('Number of posts to display', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> num
215
+ Eg: num=5</code></th>
216
  <td>
217
+ <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val, 'custom-facebook-feed' ); ?>" size="4" />
218
  <i style="color: #666; font-size: 11px;">Eg. 5</i>
219
  </td>
220
  </tr>
221
  <tr valign="top">
222
+ <th scope="row"><label><?php _e('Change the post limit', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> limit
223
+ Eg: limit=10</code></th>
224
  <td>
225
+ <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val, 'custom-facebook-feed' ); ?>" size="4" />
226
+ <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>
227
+ <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>
228
  </td>
229
  </tr>
230
  <tr valign="top">
231
+ <th scope="row"><?php _e('Check for new Facebook posts every', 'custom-facebook-feed'); ?></th>
232
  <td>
233
+ <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val, 'custom-facebook-feed' ); ?>" size="4" />
234
  <select name="cff_cache_time_unit">
235
+ <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes', 'custom-facebook-feed'); ?></option>
236
+ <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours', 'custom-facebook-feed'); ?></option>
237
+ <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days', 'custom-facebook-feed'); ?></option>
238
  </select>
239
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
240
+ <p class="cff-tooltip cff-more-info"><?php _e('Your Facebook posts and comments data is temporarily cached by the plugin in your WordPress database. You can choose how long this data should be cached for. If you set the time to 60 minutes then the plugin will clear the cached data after that length of time, and the next time the page is viewed it will check for new data.', 'custom-facebook-feed'); ?></p>
241
  </td>
242
  </tr>
243
 
244
  <tr valign="top">
245
+ <th scope="row"><label><?php _e('Localization', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> locale
246
+ Eg: locale=es_ES</code></th>
247
  <td>
248
  <select name="cff_locale">
249
+ <option value="af_ZA" <?php if($cff_locale_val == "af_ZA") echo 'selected="selected"' ?> ><?php _e('Afrikaans', 'custom-facebook-feed'); ?></option>
250
+ <option value="ar_AR" <?php if($cff_locale_val == "ar_AR") echo 'selected="selected"' ?> ><?php _e('Arabic', 'custom-facebook-feed'); ?></option>
251
+ <option value="az_AZ" <?php if($cff_locale_val == "az_AZ") echo 'selected="selected"' ?> ><?php _e('Azerbaijani', 'custom-facebook-feed'); ?></option>
252
+ <option value="be_BY" <?php if($cff_locale_val == "be_BY") echo 'selected="selected"' ?> ><?php _e('Belarusian', 'custom-facebook-feed'); ?></option>
253
+ <option value="bg_BG" <?php if($cff_locale_val == "bg_BG") echo 'selected="selected"' ?> ><?php _e('Bulgarian', 'custom-facebook-feed'); ?></option>
254
+ <option value="bn_IN" <?php if($cff_locale_val == "bn_IN") echo 'selected="selected"' ?> ><?php _e('Bengali', 'custom-facebook-feed'); ?></option>
255
+ <option value="bs_BA" <?php if($cff_locale_val == "bs_BA") echo 'selected="selected"' ?> ><?php _e('Bosnian', 'custom-facebook-feed'); ?></option>
256
+ <option value="ca_ES" <?php if($cff_locale_val == "ca_ES") echo 'selected="selected"' ?> ><?php _e('Catalan', 'custom-facebook-feed'); ?></option>
257
+ <option value="cs_CZ" <?php if($cff_locale_val == "cs_CZ") echo 'selected="selected"' ?> ><?php _e('Czech', 'custom-facebook-feed'); ?></option>
258
+ <option value="cy_GB" <?php if($cff_locale_val == "cy_GB") echo 'selected="selected"' ?> ><?php _e('Welsh', 'custom-facebook-feed'); ?></option>
259
+ <option value="da_DK" <?php if($cff_locale_val == "da_DK") echo 'selected="selected"' ?> ><?php _e('Danish', 'custom-facebook-feed'); ?></option>
260
+ <option value="de_DE" <?php if($cff_locale_val == "de_DE") echo 'selected="selected"' ?> ><?php _e('German', 'custom-facebook-feed'); ?></option>
261
+ <option value="el_GR" <?php if($cff_locale_val == "el_GR") echo 'selected="selected"' ?> ><?php _e('Greek', 'custom-facebook-feed'); ?></option>
262
+ <option value="en_GB" <?php if($cff_locale_val == "en_GB") echo 'selected="selected"' ?> ><?php _e('English (UK)', 'custom-facebook-feed'); ?></option>
263
+ <option value="en_PI" <?php if($cff_locale_val == "en_PI") echo 'selected="selected"' ?> ><?php _e('English (Pirate)', 'custom-facebook-feed'); ?></option>
264
+ <option value="en_UD" <?php if($cff_locale_val == "en_UD") echo 'selected="selected"' ?> ><?php _e('English (Upside Down)', 'custom-facebook-feed'); ?></option>
265
+ <option value="en_US" <?php if($cff_locale_val == "en_US") echo 'selected="selected"' ?> ><?php _e('English (US)', 'custom-facebook-feed'); ?></option>
266
+ <option value="eo_EO" <?php if($cff_locale_val == "eo_EO") echo 'selected="selected"' ?> ><?php _e('Esperanto', 'custom-facebook-feed'); ?></option>
267
+ <option value="es_ES" <?php if($cff_locale_val == "es_ES") echo 'selected="selected"' ?> ><?php _e('Spanish (Spain)', 'custom-facebook-feed'); ?></option>
268
+ <option value="es_LA" <?php if($cff_locale_val == "es_LA") echo 'selected="selected"' ?> ><?php _e('Spanish', 'custom-facebook-feed'); ?></option>
269
+ <option value="et_EE" <?php if($cff_locale_val == "et_EE") echo 'selected="selected"' ?> ><?php _e('Estonian', 'custom-facebook-feed'); ?></option>
270
+ <option value="eu_ES" <?php if($cff_locale_val == "eu_ES") echo 'selected="selected"' ?> ><?php _e('Basque', 'custom-facebook-feed'); ?></option>
271
+ <option value="fa_IR" <?php if($cff_locale_val == "fa_IR") echo 'selected="selected"' ?> ><?php _e('Persian', 'custom-facebook-feed'); ?></option>
272
+ <option value="fb_LT" <?php if($cff_locale_val == "fb_LT") echo 'selected="selected"' ?> ><?php _e('Leet Speak', 'custom-facebook-feed'); ?></option>
273
+ <option value="fi_FI" <?php if($cff_locale_val == "fi_FI") echo 'selected="selected"' ?> ><?php _e('Finnish', 'custom-facebook-feed'); ?></option>
274
+ <option value="fo_FO" <?php if($cff_locale_val == "fo_FO") echo 'selected="selected"' ?> ><?php _e('Faroese', 'custom-facebook-feed'); ?></option>
275
+ <option value="fr_CA" <?php if($cff_locale_val == "fr_CA") echo 'selected="selected"' ?> ><?php _e('French (Canada)', 'custom-facebook-feed'); ?></option>
276
+ <option value="fr_FR" <?php if($cff_locale_val == "fr_FR") echo 'selected="selected"' ?> ><?php _e('French (France)', 'custom-facebook-feed'); ?></option>
277
+ <option value="fy_NL" <?php if($cff_locale_val == "fy_NL") echo 'selected="selected"' ?> ><?php _e('Frisian', 'custom-facebook-feed'); ?></option>
278
+ <option value="ga_IE" <?php if($cff_locale_val == "ga_IE") echo 'selected="selected"' ?> ><?php _e('Irish', 'custom-facebook-feed'); ?></option>
279
+ <option value="gl_ES" <?php if($cff_locale_val == "gl_ES") echo 'selected="selected"' ?> ><?php _e('Galician', 'custom-facebook-feed'); ?></option>
280
+ <option value="he_IL" <?php if($cff_locale_val == "he_IL") echo 'selected="selected"' ?> ><?php _e('Hebrew', 'custom-facebook-feed'); ?></option>
281
+ <option value="hi_IN" <?php if($cff_locale_val == "hi_IN") echo 'selected="selected"' ?> ><?php _e('Hindi', 'custom-facebook-feed'); ?></option>
282
+ <option value="hr_HR" <?php if($cff_locale_val == "hr_HR") echo 'selected="selected"' ?> ><?php _e('Croatian', 'custom-facebook-feed'); ?></option>
283
+ <option value="hu_HU" <?php if($cff_locale_val == "hu_HU") echo 'selected="selected"' ?> ><?php _e('Hungarian', 'custom-facebook-feed'); ?></option>
284
+ <option value="hy_AM" <?php if($cff_locale_val == "hy_AM") echo 'selected="selected"' ?> ><?php _e('Armenian', 'custom-facebook-feed'); ?></option>
285
+ <option value="id_ID" <?php if($cff_locale_val == "id_ID") echo 'selected="selected"' ?> ><?php _e('Indonesian', 'custom-facebook-feed'); ?></option>
286
+ <option value="is_IS" <?php if($cff_locale_val == "is_IS") echo 'selected="selected"' ?> ><?php _e('Icelandic', 'custom-facebook-feed'); ?></option>
287
+ <option value="it_IT" <?php if($cff_locale_val == "it_IT") echo 'selected="selected"' ?> ><?php _e('Italian', 'custom-facebook-feed'); ?></option>
288
+ <option value="ja_JP" <?php if($cff_locale_val == "ja_JP") echo 'selected="selected"' ?> ><?php _e('Japanese', 'custom-facebook-feed'); ?></option>
289
+ <option value="ka_GE" <?php if($cff_locale_val == "ka_GE") echo 'selected="selected"' ?> ><?php _e('Georgian', 'custom-facebook-feed'); ?></option>
290
+ <option value="km_KH" <?php if($cff_locale_val == "km_KH") echo 'selected="selected"' ?> ><?php _e('Khmer', 'custom-facebook-feed'); ?></option>
291
+ <option value="ko_KR" <?php if($cff_locale_val == "ko_KR") echo 'selected="selected"' ?> ><?php _e('Korean', 'custom-facebook-feed'); ?></option>
292
+ <option value="ku_TR" <?php if($cff_locale_val == "ku_TR") echo 'selected="selected"' ?> ><?php _e('Kurdish', 'custom-facebook-feed'); ?></option>
293
+ <option value="la_VA" <?php if($cff_locale_val == "la_VA") echo 'selected="selected"' ?> ><?php _e('Latin', 'custom-facebook-feed'); ?></option>
294
+ <option value="lt_LT" <?php if($cff_locale_val == "lt_LT") echo 'selected="selected"' ?> ><?php _e('Lithuanian', 'custom-facebook-feed'); ?></option>
295
+ <option value="lv_LV" <?php if($cff_locale_val == "lv_LV") echo 'selected="selected"' ?> ><?php _e('Latvian', 'custom-facebook-feed'); ?></option>
296
+ <option value="mk_MK" <?php if($cff_locale_val == "mk_MK") echo 'selected="selected"' ?> ><?php _e('Macedonian', 'custom-facebook-feed'); ?></option>
297
+ <option value="ml_IN" <?php if($cff_locale_val == "ml_IN") echo 'selected="selected"' ?> ><?php _e('Malayalam', 'custom-facebook-feed'); ?></option>
298
+ <option value="ms_MY" <?php if($cff_locale_val == "ms_MY") echo 'selected="selected"' ?> ><?php _e('Malay', 'custom-facebook-feed'); ?></option>
299
+ <option value="nb_NO" <?php if($cff_locale_val == "nb_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (bokmal)', 'custom-facebook-feed'); ?></option>
300
+ <option value="ne_NP" <?php if($cff_locale_val == "ne_NP") echo 'selected="selected"' ?> ><?php _e('Nepali', 'custom-facebook-feed'); ?></option>
301
+ <option value="nl_NL" <?php if($cff_locale_val == "nl_NL") echo 'selected="selected"' ?> ><?php _e('Dutch', 'custom-facebook-feed'); ?></option>
302
+ <option value="nn_NO" <?php if($cff_locale_val == "nn_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (nynorsk)', 'custom-facebook-feed'); ?></option>
303
+ <option value="pa_IN" <?php if($cff_locale_val == "pa_IN") echo 'selected="selected"' ?> ><?php _e('Punjabi', 'custom-facebook-feed'); ?></option>
304
+ <option value="pl_PL" <?php if($cff_locale_val == "pl_PL") echo 'selected="selected"' ?> ><?php _e('Polish', 'custom-facebook-feed'); ?></option>
305
+ <option value="ps_AF" <?php if($cff_locale_val == "ps_AF") echo 'selected="selected"' ?> ><?php _e('Pashto', 'custom-facebook-feed'); ?></option>
306
+ <option value="pt_BR" <?php if($cff_locale_val == "pt_BR") echo 'selected="selected"' ?> ><?php _e('Portuguese (Brazil)', 'custom-facebook-feed'); ?></option>
307
+ <option value="pt_PT" <?php if($cff_locale_val == "pt_PT") echo 'selected="selected"' ?> ><?php _e('Portuguese (Portugal)', 'custom-facebook-feed'); ?></option>
308
+ <option value="ro_RO" <?php if($cff_locale_val == "ro_RO") echo 'selected="selected"' ?> ><?php _e('Romanian', 'custom-facebook-feed'); ?></option>
309
+ <option value="ru_RU" <?php if($cff_locale_val == "ru_RU") echo 'selected="selected"' ?> ><?php _e('Russian', 'custom-facebook-feed'); ?></option>
310
+ <option value="sk_SK" <?php if($cff_locale_val == "sk_SK") echo 'selected="selected"' ?> ><?php _e('Slovak', 'custom-facebook-feed'); ?></option>
311
+ <option value="sl_SI" <?php if($cff_locale_val == "sl_SI") echo 'selected="selected"' ?> ><?php _e('Slovenian', 'custom-facebook-feed'); ?></option>
312
+ <option value="sq_AL" <?php if($cff_locale_val == "sq_AL") echo 'selected="selected"' ?> ><?php _e('Albanian', 'custom-facebook-feed'); ?></option>
313
+ <option value="sr_RS" <?php if($cff_locale_val == "sr_RS") echo 'selected="selected"' ?> ><?php _e('Serbian', 'custom-facebook-feed'); ?></option>
314
+ <option value="sv_SE" <?php if($cff_locale_val == "sv_SE") echo 'selected="selected"' ?> ><?php _e('Swedish', 'custom-facebook-feed'); ?></option>
315
+ <option value="sw_KE" <?php if($cff_locale_val == "sw_KE") echo 'selected="selected"' ?> ><?php _e('Swahili', 'custom-facebook-feed'); ?></option>
316
+ <option value="ta_IN" <?php if($cff_locale_val == "ta_IN") echo 'selected="selected"' ?> ><?php _e('Tamil', 'custom-facebook-feed'); ?></option>
317
+ <option value="te_IN" <?php if($cff_locale_val == "te_IN") echo 'selected="selected"' ?> ><?php _e('Telugu', 'custom-facebook-feed'); ?></option>
318
+ <option value="th_TH" <?php if($cff_locale_val == "th_TH") echo 'selected="selected"' ?> ><?php _e('Thai', 'custom-facebook-feed'); ?></option>
319
+ <option value="tl_PH" <?php if($cff_locale_val == "tl_PH") echo 'selected="selected"' ?> ><?php _e('Filipino', 'custom-facebook-feed'); ?></option>
320
+ <option value="tr_TR" <?php if($cff_locale_val == "tr_TR") echo 'selected="selected"' ?> ><?php _e('Turkish', 'custom-facebook-feed'); ?></option>
321
+ <option value="uk_UA" <?php if($cff_locale_val == "uk_UA") echo 'selected="selected"' ?> ><?php _e('Ukrainian', 'custom-facebook-feed'); ?></option>
322
+ <option value="vi_VN" <?php if($cff_locale_val == "vi_VN") echo 'selected="selected"' ?> ><?php _e('Vietnamese', 'custom-facebook-feed'); ?></option>
323
+ <option value="zh_CN" <?php if($cff_locale_val == "zh_CN") echo 'selected="selected"' ?> ><?php _e('Simplified Chinese (China)', 'custom-facebook-feed'); ?></option>
324
+ <option value="zh_HK" <?php if($cff_locale_val == "zh_HK") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Hong Kong)', 'custom-facebook-feed'); ?></option>
325
+ <option value="zh_TW" <?php if($cff_locale_val == "zh_TW") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Taiwan)', 'custom-facebook-feed'); ?></option>
326
  </select>
327
+ <i style="color: #666; font-size: 11px;"><?php _e('Select a language', 'custom-facebook-feed'); ?></i>
328
  </td>
329
  </tr>
330
 
331
  <tr>
332
+ <th><label for="cff_timezone" class="bump-left"><?php _e('Timezone', 'custom-facebook-feed'); ?></label></th>
333
  <td>
334
  <select name="cff_timezone" style="width: 300px;">
335
+ <option value="Pacific/Midway" <?php if($cff_timezone == "Pacific/Midway") echo 'selected="selected"' ?> ><?php _e('(GMT-11:00) Midway Island, Samoa', 'custom-facebook-feed'); ?></option>
336
+ <option value="America/Adak" <?php if($cff_timezone == "America/Adak") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii-Aleutian', 'custom-facebook-feed'); ?></option>
337
+ <option value="Etc/GMT+10" <?php if($cff_timezone == "Etc/GMT+10") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii', 'custom-facebook-feed'); ?></option>
338
+ <option value="Pacific/Marquesas" <?php if($cff_timezone == "Pacific/Marquesas") echo 'selected="selected"' ?> ><?php _e('(GMT-09:30) Marquesas Islands', 'custom-facebook-feed'); ?></option>
339
+ <option value="Pacific/Gambier" <?php if($cff_timezone == "Pacific/Gambier") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Gambier Islands', 'custom-facebook-feed'); ?></option>
340
+ <option value="America/Anchorage" <?php if($cff_timezone == "America/Anchorage") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Alaska', 'custom-facebook-feed'); ?></option>
341
+ <option value="America/Ensenada" <?php if($cff_timezone == "America/Ensenada") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Tijuana, Baja California', 'custom-facebook-feed'); ?></option>
342
+ <option value="Etc/GMT+8" <?php if($cff_timezone == "Etc/GMT+8") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pitcairn Islands', 'custom-facebook-feed'); ?></option>
343
+ <option value="America/Los_Angeles" <?php if($cff_timezone == "America/Los_Angeles") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pacific Time (US & Canada)', 'custom-facebook-feed'); ?></option>
344
+ <option value="America/Denver" <?php if($cff_timezone == "America/Denver") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Mountain Time (US & Canada)', 'custom-facebook-feed'); ?></option>
345
+ <option value="America/Chihuahua" <?php if($cff_timezone == "America/Chihuahua") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Chihuahua, La Paz, Mazatlan', 'custom-facebook-feed'); ?></option>
346
+ <option value="America/Dawson_Creek" <?php if($cff_timezone == "America/Dawson_Creek") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Arizona', 'custom-facebook-feed'); ?></option>
347
+ <option value="America/Belize" <?php if($cff_timezone == "America/Belize") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Saskatchewan, Central America', 'custom-facebook-feed'); ?></option>
348
+ <option value="America/Cancun" <?php if($cff_timezone == "America/Cancun") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Guadalajara, Mexico City, Monterrey', 'custom-facebook-feed'); ?></option>
349
+ <option value="Chile/EasterIsland" <?php if($cff_timezone == "Chile/EasterIsland") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Easter Island', 'custom-facebook-feed'); ?></option>
350
+ <option value="America/Chicago" <?php if($cff_timezone == "America/Chicago") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Central Time (US & Canada)', 'custom-facebook-feed'); ?></option>
351
+ <option value="America/New_York" <?php if($cff_timezone == "America/New_York") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Eastern Time (US & Canada)', 'custom-facebook-feed'); ?></option>
352
+ <option value="America/Havana" <?php if($cff_timezone == "America/Havana") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Cuba', 'custom-facebook-feed'); ?></option>
353
+ <option value="America/Bogota" <?php if($cff_timezone == "America/Bogota") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Bogota, Lima, Quito, Rio Branco', 'custom-facebook-feed'); ?></option>
354
+ <option value="America/Caracas" <?php if($cff_timezone == "America/Caracas") echo 'selected="selected"' ?> ><?php _e('(GMT-04:30) Caracas', 'custom-facebook-feed'); ?></option>
355
+ <option value="America/Santiago" <?php if($cff_timezone == "America/Santiago") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Santiago', 'custom-facebook-feed'); ?></option>
356
+ <option value="America/La_Paz" <?php if($cff_timezone == "America/La_Paz") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) La Paz', 'custom-facebook-feed'); ?></option>
357
+ <option value="Atlantic/Stanley" <?php if($cff_timezone == "Atlantic/Stanley") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Faukland Islands', 'custom-facebook-feed'); ?></option>
358
+ <option value="America/Campo_Grande" <?php if($cff_timezone == "America/Campo_Grande") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Brazil', 'custom-facebook-feed'); ?></option>
359
+ <option value="America/Goose_Bay" <?php if($cff_timezone == "America/Goose_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Goose Bay)', 'custom-facebook-feed'); ?></option>
360
+ <option value="America/Glace_Bay" <?php if($cff_timezone == "America/Glace_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Canada)', 'custom-facebook-feed'); ?></option>
361
+ <option value="America/St_Johns" <?php if($cff_timezone == "America/St_Johns") echo 'selected="selected"' ?> ><?php _e('(GMT-03:30) Newfoundland', 'custom-facebook-feed'); ?></option>
362
+ <option value="America/Araguaina" <?php if($cff_timezone == "America/Araguaina") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) UTC-3', 'custom-facebook-feed'); ?></option>
363
+ <option value="America/Montevideo" <?php if($cff_timezone == "America/Montevideo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Montevideo', 'custom-facebook-feed'); ?></option>
364
+ <option value="America/Miquelon" <?php if($cff_timezone == "America/Miquelon") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Miquelon, St. Pierre', 'custom-facebook-feed'); ?></option>
365
+ <option value="America/Godthab" <?php if($cff_timezone == "America/Godthab") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Greenland', 'custom-facebook-feed'); ?></option>
366
+ <option value="America/Argentina/Buenos_Aires" <?php if($cff_timezone == "America/Argentina/Buenos_Aires") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Buenos Aires', 'custom-facebook-feed'); ?></option>
367
+ <option value="America/Sao_Paulo" <?php if($cff_timezone == "America/Sao_Paulo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Brasilia', 'custom-facebook-feed'); ?></option>
368
+ <option value="America/Noronha" <?php if($cff_timezone == "America/Noronha") echo 'selected="selected"' ?> ><?php _e('(GMT-02:00) Mid-Atlantic', 'custom-facebook-feed'); ?></option>
369
+ <option value="Atlantic/Cape_Verde" <?php if($cff_timezone == "Atlantic/Cape_Verde") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Cape Verde Is.', 'custom-facebook-feed'); ?></option>
370
+ <option value="Atlantic/Azores" <?php if($cff_timezone == "Atlantic/Azores") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Azores', 'custom-facebook-feed'); ?></option>
371
+ <option value="Europe/Belfast" <?php if($cff_timezone == "Europe/Belfast") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Belfast', 'custom-facebook-feed'); ?></option>
372
+ <option value="Europe/Dublin" <?php if($cff_timezone == "Europe/Dublin") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Dublin', 'custom-facebook-feed'); ?></option>
373
+ <option value="Europe/Lisbon" <?php if($cff_timezone == "Europe/Lisbon") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Lisbon', 'custom-facebook-feed'); ?></option>
374
+ <option value="Europe/London" <?php if($cff_timezone == "Europe/London") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : London', 'custom-facebook-feed'); ?></option>
375
+ <option value="Africa/Abidjan" <?php if($cff_timezone == "Africa/Abidjan") echo 'selected="selected"' ?> ><?php _e('(GMT) Monrovia, Reykjavik', 'custom-facebook-feed'); ?></option>
376
+ <option value="Europe/Amsterdam" <?php if($cff_timezone == "Europe/Amsterdam") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna', 'custom-facebook-feed'); ?></option>
377
+ <option value="Europe/Belgrade" <?php if($cff_timezone == "Europe/Belgrade") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague', 'custom-facebook-feed'); ?></option>
378
+ <option value="Europe/Brussels" <?php if($cff_timezone == "Europe/Brussels") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Brussels, Copenhagen, Madrid, Paris', 'custom-facebook-feed'); ?></option>
379
+ <option value="Africa/Algiers" <?php if($cff_timezone == "Africa/Algiers") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) West Central Africa', 'custom-facebook-feed'); ?></option>
380
+ <option value="Africa/Windhoek" <?php if($cff_timezone == "Africa/Windhoek") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Windhoek', 'custom-facebook-feed'); ?></option>
381
+ <option value="Asia/Beirut" <?php if($cff_timezone == "Asia/Beirut") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Beirut', 'custom-facebook-feed'); ?></option>
382
+ <option value="Africa/Cairo" <?php if($cff_timezone == "Africa/Cairo") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Cairo', 'custom-facebook-feed'); ?></option>
383
+ <option value="Asia/Gaza" <?php if($cff_timezone == "Asia/Gaza") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Gaza', 'custom-facebook-feed'); ?></option>
384
+ <option value="Africa/Blantyre" <?php if($cff_timezone == "Africa/Blantyre") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Harare, Pretoria', 'custom-facebook-feed'); ?></option>
385
+ <option value="Asia/Jerusalem" <?php if($cff_timezone == "Asia/Jerusalem") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Jerusalem', 'custom-facebook-feed'); ?></option>
386
+ <option value="Europe/Minsk" <?php if($cff_timezone == "Europe/Minsk") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Minsk', 'custom-facebook-feed'); ?></option>
387
+ <option value="Asia/Damascus" <?php if($cff_timezone == "Asia/Damascus") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Syria', 'custom-facebook-feed'); ?></option>
388
+ <option value="Europe/Moscow" <?php if($cff_timezone == "Europe/Moscow") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Moscow, St. Petersburg, Volgograd', 'custom-facebook-feed'); ?></option>
389
+ <option value="Africa/Addis_Ababa" <?php if($cff_timezone == "Africa/Addis_Ababa") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Nairobi', 'custom-facebook-feed'); ?></option>
390
+ <option value="Asia/Tehran" <?php if($cff_timezone == "Asia/Tehran") echo 'selected="selected"' ?> ><?php _e('(GMT+03:30) Tehran', 'custom-facebook-feed'); ?></option>
391
+ <option value="Asia/Dubai" <?php if($cff_timezone == "Asia/Dubai") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Abu Dhabi, Muscat', 'custom-facebook-feed'); ?></option>
392
+ <option value="Asia/Yerevan" <?php if($cff_timezone == "Asia/Yerevan") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Yerevan', 'custom-facebook-feed'); ?></option>
393
+ <option value="Asia/Kabul" <?php if($cff_timezone == "Asia/Kabul") echo 'selected="selected"' ?> ><?php _e('(GMT+04:30) Kabul', 'custom-facebook-feed'); ?></option>
394
+ <option value="Asia/Yekaterinburg" <?php if($cff_timezone == "Asia/Yekaterinburg") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Ekaterinburg', 'custom-facebook-feed'); ?></option>
395
+ <option value="Asia/Tashkent" <?php if($cff_timezone == "Asia/Tashkent") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Tashkent', 'custom-facebook-feed'); ?></option>
396
+ <option value="Asia/Kolkata" <?php if($cff_timezone == "Asia/Kolkata") echo 'selected="selected"' ?> ><?php _e('(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi', 'custom-facebook-feed'); ?></option>
397
+ <option value="Asia/Katmandu" <?php if($cff_timezone == "Asia/Katmandu") echo 'selected="selected"' ?> ><?php _e('(GMT+05:45) Kathmandu', 'custom-facebook-feed'); ?></option>
398
+ <option value="Asia/Dhaka" <?php if($cff_timezone == "Asia/Dhaka") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Astana, Dhaka', 'custom-facebook-feed'); ?></option>
399
+ <option value="Asia/Novosibirsk" <?php if($cff_timezone == "Asia/Novosibirsk") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Novosibirsk', 'custom-facebook-feed'); ?></option>
400
+ <option value="Asia/Rangoon" <?php if($cff_timezone == "Asia/Rangoon") echo 'selected="selected"' ?> ><?php _e('(GMT+06:30) Yangon (Rangoon)', 'custom-facebook-feed'); ?></option>
401
+ <option value="Asia/Bangkok" <?php if($cff_timezone == "Asia/Bangkok") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Bangkok, Hanoi, Jakarta', 'custom-facebook-feed'); ?></option>
402
+ <option value="Asia/Krasnoyarsk" <?php if($cff_timezone == "Asia/Krasnoyarsk") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Krasnoyarsk', 'custom-facebook-feed'); ?></option>
403
+ <option value="Asia/Hong_Kong" <?php if($cff_timezone == "Asia/Hong_Kong") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi', 'custom-facebook-feed'); ?></option>
404
+ <option value="Asia/Irkutsk" <?php if($cff_timezone == "Asia/Irkutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Irkutsk, Ulaan Bataar', 'custom-facebook-feed'); ?></option>
405
+ <option value="Australia/Perth" <?php if($cff_timezone == "Australia/Perth") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Perth', 'custom-facebook-feed'); ?></option>
406
+ <option value="Australia/Eucla" <?php if($cff_timezone == "Australia/Eucla") echo 'selected="selected"' ?> ><?php _e('(GMT+08:45) Eucla', 'custom-facebook-feed'); ?></option>
407
+ <option value="Asia/Tokyo" <?php if($cff_timezone == "Asia/Tokyo") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Osaka, Sapporo, Tokyo', 'custom-facebook-feed'); ?></option>
408
+ <option value="Asia/Seoul" <?php if($cff_timezone == "Asia/Seoul") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Seoul', 'custom-facebook-feed'); ?></option>
409
+ <option value="Asia/Yakutsk" <?php if($cff_timezone == "Asia/Yakutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Yakutsk', 'custom-facebook-feed'); ?></option>
410
+ <option value="Australia/Adelaide" <?php if($cff_timezone == "Australia/Adelaide") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Adelaide', 'custom-facebook-feed'); ?></option>
411
+ <option value="Australia/Darwin" <?php if($cff_timezone == "Australia/Darwin") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Darwin', 'custom-facebook-feed'); ?></option>
412
+ <option value="Australia/Brisbane" <?php if($cff_timezone == "Australia/Brisbane") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Brisbane', 'custom-facebook-feed'); ?></option>
413
+ <option value="Australia/Hobart" <?php if($cff_timezone == "Australia/Hobart") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Sydney', 'custom-facebook-feed'); ?></option>
414
+ <option value="Asia/Vladivostok" <?php if($cff_timezone == "Asia/Vladivostok") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Vladivostok', 'custom-facebook-feed'); ?></option>
415
+ <option value="Australia/Lord_Howe" <?php if($cff_timezone == "Australia/Lord_Howe") echo 'selected="selected"' ?> ><?php _e('(GMT+10:30) Lord Howe Island', 'custom-facebook-feed'); ?></option>
416
+ <option value="Etc/GMT-11" <?php if($cff_timezone == "Etc/GMT-11") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Solomon Is., New Caledonia', 'custom-facebook-feed'); ?></option>
417
+ <option value="Asia/Magadan" <?php if($cff_timezone == "Asia/Magadan") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Magadan', 'custom-facebook-feed'); ?></option>
418
+ <option value="Pacific/Norfolk" <?php if($cff_timezone == "Pacific/Norfolk") echo 'selected="selected"' ?> ><?php _e('(GMT+11:30) Norfolk Island', 'custom-facebook-feed'); ?></option>
419
+ <option value="Asia/Anadyr" <?php if($cff_timezone == "Asia/Anadyr") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Anadyr, Kamchatka', 'custom-facebook-feed'); ?></option>
420
+ <option value="Pacific/Auckland" <?php if($cff_timezone == "Pacific/Auckland") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Auckland, Wellington', 'custom-facebook-feed'); ?></option>
421
+ <option value="Etc/GMT-12" <?php if($cff_timezone == "Etc/GMT-12") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Fiji, Kamchatka, Marshall Is.', 'custom-facebook-feed'); ?></option>
422
+ <option value="Pacific/Chatham" <?php if($cff_timezone == "Pacific/Chatham") echo 'selected="selected"' ?> ><?php _e('(GMT+12:45) Chatham Islands', 'custom-facebook-feed'); ?></option>
423
+ <option value="Pacific/Tongatapu" <?php if($cff_timezone == "Pacific/Tongatapu") echo 'selected="selected"' ?> ><?php _e('(GMT+13:00) Nuku\'alofa', 'custom-facebook-feed'); ?></option>
424
+ <option value="Pacific/Kiritimati" <?php if($cff_timezone == "Pacific/Kiritimati") echo 'selected="selected"' ?> ><?php _e('(GMT+14:00) Kiritimati', 'custom-facebook-feed'); ?></option>
425
  </select>
426
  </td>
427
  </tr>
432
  <p>Having trouble using the plugin? Check out the <a href='admin.php?page=cff-top&amp;tab=support'>Support</a> tab.</p>
433
  </form>
434
  <hr />
435
+ <h3><?php _e('Displaying your Feed', 'custom-facebook-feed'); ?></h3>
436
+ <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>
437
+ <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'); ?>" />
438
  <hr />
439
+ <h3><?php _e('Customizing your Feed', 'custom-facebook-feed'); ?></h3>
440
+ <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>
441
  <p>[custom-facebook-feed id=some-other-page-id num=3 height=500px]</p>
442
+ <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>
443
 
444
  <br />
445
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
446
 
447
  <hr />
448
+ <h3><?php _e('Like the plugin? Help spread the word!', 'custom-facebook-feed'); ?></h3>
449
 
450
  <!-- TWITTER -->
451
  <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>
479
  <?php } //End config tab ?>
480
 
481
 
482
+ <?php if( $cff_active_tab == 'support' ) { //Start Support tab ?>
483
 
484
  <br />
485
+ <h3><?php _e('FAQs and Troubleshooting', 'custom-facebook-feed'); ?></h3>
486
  <p>Having trouble getting the plugin to work? Try the links below:</p>
487
  <ul>
488
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/general/" target="_blank">General Questions</a>', 'custom-facebook-feed'); ?></li>
489
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/setup/" target="_blank">Setting Up &amp; Displaying your Feed</a>', 'custom-facebook-feed'); ?></li>
490
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/faq/troubleshooting/" target="_blank">Troubleshooting &amp; Common Support Questions</a>', 'custom-facebook-feed'); ?></li>
491
  </ul>
492
  <br />
493
  <h3>Documentation</h3>
494
  <p>Need help setting up, configuring or customizing the plugin? Check out the links below:</p>
495
  <ul>
496
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/wordpress/" target="_blank">Installation and Configuration</a>', 'custom-facebook-feed'); ?></li>
497
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank">Shortcode Reference</a>', 'custom-facebook-feed'); ?></li>
498
+ <li>- <?php _e('<a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank">Custom CSS and JavaScript Snippets</a>', 'custom-facebook-feed'); ?></li>
499
  </ul>
500
 
501
  <br />
502
+ <p><?php _e('Still need help? <a href="http://smashballoon.com/custom-facebook-feed/support/" target="_blank">Request support</a>. Please include your <b>System Info</b> below with all support requests.', 'custom-facebook-feed'); ?></p>
503
 
504
  <br />
505
+ <h3><?php _e('System Info &nbsp; <i style="color: #666; font-size: 11px; font-weight: normal;">Click the text below to select all</i>', 'custom-facebook-feed'); ?></h3>
506
 
507
  <?php
508
  $access_token = get_option( $access_token );
666
  'cff_hide_comments' => '',
667
  //Misc
668
  'cff_feed_width' => '',
669
+ 'cff_feed_width_resp' => false,
670
  'cff_feed_height' => '',
671
  'cff_feed_padding' => '',
672
  'cff_like_box_position' => 'bottom',
687
  'cff_class' => '',
688
  'cff_open_links' => true,
689
  'cff_cron' => 'unset',
690
+ 'cff_request_method' => 'auto',
691
+ 'cff_disable_styles' => false,
692
 
693
  //New
694
  'cff_custom_css' => '',
860
  $cff_hide_comments = $options[ 'cff_hide_comments' ];
861
  //Misc
862
  $cff_feed_width = $options[ 'cff_feed_width' ];
863
+ $cff_feed_width_resp = $options[ 'cff_feed_width_resp' ];
864
  $cff_feed_height = $options[ 'cff_feed_height' ];
865
  $cff_feed_padding = $options[ 'cff_feed_padding' ];
866
  $cff_like_box_position = $options[ 'cff_like_box_position' ];
888
  $cff_preserve_settings = 'cff_preserve_settings';
889
  $cff_preserve_settings_val = get_option( $cff_preserve_settings );
890
  $cff_cron = $options[ 'cff_cron' ];
891
+ $cff_request_method = $options[ 'cff_request_method' ];
892
+ $cff_disable_styles = $options[ 'cff_disable_styles' ];
893
 
894
  //Page Header
895
  $cff_show_header = $options[ 'cff_show_header' ];
936
  if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
937
  //General
938
  if (isset($_POST[ 'cff_feed_width' ]) ) $cff_feed_width = $_POST[ 'cff_feed_width' ];
939
+ (isset($_POST[ 'cff_feed_width_resp' ]) ) ? $cff_feed_width_resp = $_POST[ 'cff_feed_width_resp' ] : $cff_feed_width_resp = '';
940
  if (isset($_POST[ 'cff_feed_height' ]) ) $cff_feed_height = $_POST[ 'cff_feed_height' ];
941
  if (isset($_POST[ 'cff_feed_padding' ]) ) $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
942
  if (isset($_POST[ 'cff_bg_color' ]) ) $cff_bg_color = $_POST[ 'cff_bg_color' ];
943
  if (isset($_POST[ 'cff_class' ]) ) $cff_class = $_POST[ 'cff_class' ];
944
+ (isset($_POST[ 'cff_show_header' ])) ? $cff_show_header = $_POST[ 'cff_show_header' ] : $cff_show_header = '';
945
+
946
  //Post types
947
  if (isset($_POST[ 'cff_show_links_type' ]) ) $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
948
  if (isset($_POST[ 'cff_show_event_type' ]) ) $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
951
  if (isset($_POST[ 'cff_show_status_type' ]) ) $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
952
  //General
953
  $options[ 'cff_feed_width' ] = $cff_feed_width;
954
+ $options[ 'cff_feed_width_resp' ] = $cff_feed_width_resp;
955
  $options[ 'cff_feed_height' ] = $cff_feed_height;
956
  $options[ 'cff_feed_padding' ] = $cff_feed_padding;
957
  $options[ 'cff_bg_color' ] = $cff_bg_color;
958
  $options[ 'cff_class' ] = $cff_class;
959
+ $options[ 'cff_show_header' ] = $cff_show_header;
960
+
961
  //Post types
962
  $options[ 'cff_show_links_type' ] = $cff_show_links_type;
963
  $options[ 'cff_show_event_type' ] = $cff_show_event_type;
1013
  if (isset($_POST[ 'cff_body_length' ]) ) $cff_body_length_val = $_POST[ $cff_body_length ];
1014
 
1015
  //Page Header
 
1016
  (isset($_POST[ 'cff_header_outside' ])) ? $cff_header_outside = $_POST[ 'cff_header_outside' ] : $cff_header_outside = '';
1017
  if (isset($_POST[ 'cff_header_text' ])) $cff_header_text = $_POST[ 'cff_header_text' ];
1018
  if (isset($_POST[ 'cff_header_bg_color' ])) $cff_header_bg_color = $_POST[ 'cff_header_bg_color' ];
1112
  update_option( $cff_title_length, $cff_title_length_val );
1113
  update_option( $cff_body_length, $cff_body_length_val );
1114
  //Page Header
 
1115
  $options[ 'cff_header_outside' ] = $cff_header_outside;
1116
  $options[ 'cff_header_text' ] = $cff_header_text;
1117
  $options[ 'cff_header_bg_color' ] = $cff_header_bg_color;
1239
  (isset($_POST[ 'cff_font_source' ])) ? $cff_font_source = $_POST[ 'cff_font_source' ] : $cff_font_source = '';
1240
  (isset($_POST[ $cff_preserve_settings ])) ? $cff_preserve_settings_val = $_POST[ 'cff_preserve_settings' ] : $cff_preserve_settings_val = '';
1241
  if (isset($_POST[ 'cff_cron' ])) $cff_cron = $_POST[ 'cff_cron' ];
1242
+ if (isset($_POST[ 'cff_request_method' ])) $cff_request_method = $_POST[ 'cff_request_method' ];
1243
+ (isset($_POST[ 'cff_disable_styles' ])) ? $cff_disable_styles = $_POST[ 'cff_disable_styles' ] : $cff_disable_styles = '';
1244
 
1245
  //Meta
1246
  $options[ 'cff_icon_style' ] = $cff_icon_style;
1278
  update_option( $cff_preserve_settings, $cff_preserve_settings_val );
1279
 
1280
  $options[ 'cff_cron' ] = $cff_cron;
1281
+ $options[ 'cff_request_method' ] = $cff_request_method;
1282
+ $options[ 'cff_disable_styles' ] = $cff_disable_styles;
1283
 
1284
  if( $cff_cron == 'no' ) wp_clear_scheduled_hook('cff_cron_job');
1285
 
1365
 
1366
  <div id="cff-admin" class="wrap">
1367
  <div id="header">
1368
+ <h2><?php _e('Customize', 'custom-facebook-feed'); ?></h2>
1369
  </div>
1370
  <form name="form1" method="post" action="">
1371
  <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
1372
  <?php
1373
+ $cff_active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
1374
  ?>
1375
  <h2 class="nav-tab-wrapper">
1376
+ <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>
1377
+ <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>
1378
+ <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>
1379
+ <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>
1380
+ <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>
1381
  </h2>
1382
+ <?php if( $cff_active_tab == 'general' ) { //Start General tab ?>
1383
+
1384
+ <p class="cff_contents_links" id="general">
1385
+ <span>Quick links: </span>
1386
+ <a href="#general">General</a>
1387
+ <a href="#types">Post Types</a>
1388
+ </p>
1389
+
1390
  <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
1391
  <br />
1392
  <table class="form-table">
1393
  <tbody>
1394
+ <h3><?php _e('General', 'custom-facebook-feed'); ?></h3>
1395
  <tr valign="top">
1396
+ <th class="bump-left" scope="row"><label><?php _e('Feed Width', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> width
1397
+ Eg: width=500px</code></th>
1398
  <td>
1399
+ <input name="cff_feed_width" id="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width, 'custom-facebook-feed' ); ?>" size="6" />
1400
+ <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>
1401
+ <div id="cff_width_options">
1402
+ <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>
1403
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
1404
+ <p class="cff-tooltip cff-more-info"><?php _e("If you set a width on the feed then this will be used on mobile as well as desktop. Check this setting to set the feed width to be 100% on mobile so that it is responsive.", 'custom-facebook-feed'); ?></p>
1405
+ </div>
1406
  </td>
1407
  </tr>
1408
  <tr valign="top">
1409
+ <th class="bump-left" scope="row"><label><?php _e('Feed Height', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> height
1410
+ Eg: height=500px</code></th>
1411
+ <td>
1412
+ <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height, 'custom-facebook-feed' ); ?>" size="6" />
1413
+ <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>
1414
+ </td>
1415
+ </tr>
1416
+ <th class="bump-left" scope="row"><label><?php _e('Feed Padding', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> padding
1417
+ Eg: padding=20px</code></th>
1418
  <td>
1419
+ <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding, 'custom-facebook-feed' ); ?>" size="6" />
1420
+ <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>
1421
  </td>
1422
  </tr>
1423
+ <tr valign="top">
1424
+ <th class="bump-left" scope="row"><label><?php _e('Feed Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> bgcolor
1425
+ Eg: bgcolor=FF0000</code></th>
1426
  <td>
1427
+ <input name="cff_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
 
1428
  </td>
1429
  </tr>
1430
  <tr valign="top">
1431
+ <th class="bump-left" scope="row"><label><?php _e('Add CSS class to feed', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> class
1432
+ Eg: class=myfeed</code></th>
1433
  <td>
1434
+ <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class, 'custom-facebook-feed' ); ?>" size="25" />
1435
+ <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>
1436
  </td>
1437
  </tr>
1438
  <tr valign="top">
1439
+ <th class="bump-left" scope="row"><label><?php _e('Show Feed Header', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> showheader
1440
+ Eg: showheader=true</code></th>
1441
  <td>
1442
+ <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'); ?>
1443
+ <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>
1444
  </td>
1445
  </tr>
1446
  </tbody>
1447
  </table>
1448
 
1449
+ <hr id="types" />
1450
  <table class="form-table">
1451
  <tbody>
1452
+ <h3><?php _e('Post Types', 'custom-facebook-feed'); ?></h3>
1453
  <tr valign="top">
1454
+ <th scope="row"><?php _e('Only show these types of posts:', 'custom-facebook-feed'); ?><br />
1455
+ <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 types, photos, videos and more', 'custom-facebook-feed'); ?></a></i></th>
1456
  <td>
1457
  <div>
1458
  <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled checked />
1459
+ <label for="cff_show_status_type"><?php _e('Statuses', 'custom-facebook-feed'); ?></label>
1460
  </div>
1461
  <div>
1462
  <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled checked />
1463
+ <label for="cff_show_event_type"><?php _e('Events', 'custom-facebook-feed'); ?></label>
1464
  </div>
1465
  <div>
1466
  <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled checked />
1467
+ <label for="cff_show_photos_type"><?php _e('Photos', 'custom-facebook-feed'); ?></label>
1468
  </div>
1469
  <div>
1470
  <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled checked />
1471
+ <label for="cff_show_video_type"><?php _e('Videos', 'custom-facebook-feed'); ?></label>
1472
  </div>
1473
  <div>
1474
  <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
1475
+ <label for="cff_show_links_type"><?php _e('Links', 'custom-facebook-feed'); ?></label>
1476
  </div>
1477
  <div>
1478
  <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
1479
+ <label for="cff_show_links_type"><?php _e('Albums', 'custom-facebook-feed'); ?></label>
1480
  </div>
1481
  </td>
1482
  </tr>
1486
 
1487
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1488
  <?php } //End General tab ?>
1489
+ <?php if( $cff_active_tab == 'post_layout' ) { //Start Post Layout tab ?>
1490
+
1491
+ <p class="cff_contents_links" id="layout">
1492
+ <span>Quick links: </span>
1493
+ <a href="#layout">Post Layout</a>
1494
+ <a href="#showhide">Show/Hide</a>
1495
+ <a href="#poststyle">Post Style</a>
1496
+ </p>
1497
+
1498
  <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
1499
  <br />
1500
+ <h3><?php _e('Post Layout', 'custom-facebook-feed'); ?></h3>
1501
  <table class="form-table">
1502
 
1503
  <tbody>
1504
  <tr>
1505
  <td>
1506
+ <p><?php _e("Choose a layout from the 3 below.", 'custom-facebook-feed'); ?>
1507
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts', 'custom-facebook-feed'); ?></a></i>
1508
  </p>
1509
  </td>
1510
  </tr>
1513
 
1514
  <div class="cff-layouts cff-disabled">
1515
  <div class="cff-layout">
1516
+ <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="thumb" />&nbsp;<?php _e('Thumbnail', 'custom-facebook-feed'); ?></h3>
1517
  <img src="<?php echo plugins_url( 'img/layout-thumb.png' , __FILE__ ) ?>" alt="Thumbnail Layout" />
1518
 
1519
  </div>
1520
  <div class="cff-layout">
1521
+ <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="half" />&nbsp;<?php _e('Half-width', 'custom-facebook-feed'); ?></h3>
1522
  <img src="<?php echo plugins_url( 'img/layout-half.png' , __FILE__ ) ?>" alt="Half Width Layout" />
1523
 
1524
  </div>
1525
  <div class="cff-layout">
1526
+ <h3><input type="radio" name="cff_preset_layout" id="cff_preset_layout" value="full" />&nbsp;<?php _e('Full-width', 'custom-facebook-feed'); ?></h3>
1527
  <img src="<?php echo plugins_url( 'img/layout-full.png' , __FILE__ ) ?>" alt="Full Width Layout" />
1528
 
1529
  </div>
1532
  <table class="form-table cff-disabled">
1533
  <tbody>
1534
  <tr class="cff-media-position">
1535
+ <th><label class="bump-left"><?php _e('Photo/Video Position', 'custom-facebook-feed'); ?></label></th>
1536
  <td>
1537
  <select name="cff_media_position" disabled>
1538
  <option>Below Text</option>
1542
  </td>
1543
  </tr>
1544
  <tr>
1545
+ <th><label class="bump-left"><?php _e('Always use the Full-width layout when feed is narrow?', 'custom-facebook-feed'); ?></label></th>
1546
  <td>
1547
  <input type="checkbox" id="cff_enable_narrow" disabled />
1548
+ <label for="cff_enable_narrow"><?php _e('Yes', 'custom-facebook-feed'); ?></label>
1549
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
1550
+ <p class="cff-tooltip cff-more-info"><?php _e("When displaying posts in either a narrow column or on a mobile device the plugin will automatically default to using the 'Full-width' layout as it's better suited to narrow sizes.", 'custom-facebook-feed'); ?></p>
1551
  </td>
1552
  </tr>
1553
+ <tr id="showhide"><!-- Quick link --></tr>
1554
  </tbody>
1555
  </table>
1556
 
1557
  <hr />
1558
+ <h3><?php _e('Show/Hide', 'custom-facebook-feed'); ?></h3>
1559
  <table class="form-table">
1560
  <tbody>
1561
  <tr valign="top">
1562
+ <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
1563
+ Eg: include=text,date,likebox
1564
+ Eg: exclude=likebox
1565
+
1566
+ Options: author, text, desc, sharedlinks, date, eventtitle, eventdetails, link, likebox</code>
1567
+ </th>
1568
  <td>
1569
  <div>
1570
  <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
1571
+ <label for="cff_show_author"><?php _e('Author name and avatar', 'custom-facebook-feed'); ?></label>
1572
  </div>
1573
  <div>
1574
  <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
1575
+ <label for="cff_show_text"><?php _e('Post text', 'custom-facebook-feed'); ?></label>
1576
  </div>
1577
  <div>
1578
  <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
1579
+ <label for="cff_show_date"><?php _e('Date', 'custom-facebook-feed'); ?></label>
1580
  </div>
1581
  <div>
1582
  <input type="checkbox" id="cff_show_media" disabled />
1583
+ <label for="cff_show_media"><?php _e('Photos/videos', 'custom-facebook-feed'); ?></label>
1584
  </div>
1585
  <div>
1586
  <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
1587
+ <label for="cff_show_shared_links"><?php _e('Shared links', 'custom-facebook-feed'); ?></label>
1588
  </div>
1589
  <div>
1590
  <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
1591
+ <label for="cff_show_desc"><?php _e('Link, photo and video descriptions', 'custom-facebook-feed'); ?></label>
1592
  </div>
1593
  <div>
1594
  <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
1595
+ <label for="cff_show_event_title"><?php _e('Event title', 'custom-facebook-feed'); ?></label>
1596
  </div>
1597
  <div>
1598
  <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
1599
+ <label for="cff_show_event_details"><?php _e('Event details', 'custom-facebook-feed'); ?></label>
1600
  </div>
1601
  <div>
1602
  <input type="checkbox" id="cff_show_meta" disabled />
1603
+ <label for="cff_show_meta"><?php _e('Like/shares/comments', 'custom-facebook-feed'); ?></label>
1604
  </div>
1605
  <div>
1606
  <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
1607
+ <label for="cff_show_link"><?php _e('View on Facebook', 'custom-facebook-feed'); ?></label>
1608
  </div>
1609
  </td>
1610
  </tr>
1611
+ <tr id="poststyle"><!-- Quick link --></tr>
1612
  </tbody>
1613
  </table>
1614
 
1615
  <hr />
1616
+ <h3><?php _e('Post Style', 'custom-facebook-feed'); ?></h3>
1617
  <table class="form-table">
1618
  <tbody>
1619
  <tr valign="top">
1620
+ <th class="bump-left" scope="row"><label><?php _e('Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> postbgcolor
1621
+ Eg: postbgcolor=ff0000</code></th>
1622
  <td>
1623
+ <input name="cff_post_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_post_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1624
  </td>
1625
  </tr>
1626
  <tr valign="top">
1627
+ <th class="bump-left" scope="row"><label><?php _e('Rounded Corner Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> postcorners
1628
+ Eg: postcorners=10</code></th>
1629
  <td>
1630
+ <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>
1631
  </td>
1632
  </tr>
1633
  <tr valign="top">
1634
+ <th class="bump-left" scope="row"><label><?php _e('Separating Line Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> sepcolor
1635
+ Eg: sepcolor=CFCFCF</code></th>
1636
  <td>
1637
+ <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>
1638
  </td>
1639
  </tr>
1640
  <tr valign="top">
1641
+ <th class="bump-left" scope="row"><label><?php _e('Separating Line Thickness', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> sepsize
1642
+ Eg: sepsize=3</code></th>
1643
  <td>
1644
+ <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>
1645
  </td>
1646
  </tr>
1647
  </tbody>
1650
  <?php submit_button(); ?>
1651
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1652
  <?php } //End Post Layout tab ?>
1653
+ <?php if( $cff_active_tab == 'typography' ) { //Start Typography tab ?>
1654
+
1655
+ <p class="cff_contents_links" id="header">
1656
+ <span>Quick links: </span>
1657
+ <a href="#header">Feed Header</a>
1658
+ <a href="#author">Post Author</a>
1659
+ <a href="#text">Post Text</a>
1660
+ <a href="#description">Link, Photo and Video Description</a>
1661
+ <a href="#date">Post Date</a>
1662
+ <a href="#links">Shared Links</a>
1663
+ <a href="#eventtitle">Event Title</a>
1664
+ <a href="#eventdate">Event Date</a>
1665
+ <a href="#eventdetails">Event Details</a>
1666
+ <a href="#action">View on Facebook</a>
1667
+ </p>
1668
+
1669
  <input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
1670
  <br />
1671
+ <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>
1672
 
1673
  <div id="poststuff" class="metabox-holder">
1674
  <div class="meta-box-sortables ui-sortable">
1676
 
1677
  <div id="adminform" class="postbox" style="display: block;">
1678
  <div class="handlediv" title="Click to toggle"><br></div>
1679
+ <h3 class="hndle"><span><?php _e('Feed Header', 'custom-facebook-feed'); ?></span></h3>
1680
  <div class="inside">
1681
  <table class="form-table">
1682
  <tbody>
1683
  <tr valign="top">
1684
+ <th class="bump-left" scope="row"><label><?php _e('Display outside the scrollable area', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headeroutside
1685
+ Eg: headeroutside=true</code></th>
 
 
 
 
 
 
1686
  <td>
1687
+ <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'); ?>
1688
+ <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>
1689
  </td>
1690
  </tr>
1691
  </tr>
1692
+ <th class="bump-left" scope="row"><label><?php _e('Header Text', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertext
1693
+ Eg: headertext='Facebook Feed'</code></th>
1694
  <td>
1695
+ <input name="cff_header_text" type="text" value="<?php esc_attr_e( $cff_header_text, 'custom-facebook-feed' ); ?>" size="30" />
1696
+ <span>Eg. Facebook Feed, Events, News..</span>
1697
  </td>
1698
  </tr>
1699
  <tr valign="top">
1700
+ <th class="bump-left" scope="row"><label><?php _e('Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headerbg
1701
+ Eg: headerbg=DDD</code></th>
1702
  <td>
1703
+ <input name="cff_header_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1704
  </td>
1705
  </tr>
1706
  </tr>
1707
+ <th class="bump-left" scope="row"><label><?php _e('Padding', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headerpadding
1708
+ Eg: headerpadding=20px</code></th>
1709
  <td>
1710
+ <input name="cff_header_padding" type="text" value="<?php esc_attr_e( $cff_header_padding, 'custom-facebook-feed' ); ?>" size="6" />
1711
+ <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>
1712
  </td>
1713
  </tr>
1714
  <tr>
1715
+ <th class="bump-left" scope="row"><label><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextsize
1716
+ Eg: headertextsize=28</code></th>
1717
  <td>
1718
  <select name="cff_header_text_size">
1719
  <option value="inherit" <?php if($cff_header_text_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1737
  </td>
1738
  </tr>
1739
  <tr>
1740
+ <th class="bump-left" scope="row"><label><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextweight
1741
+ Eg: headertextweight=bold</code></th>
1742
  <td>
1743
  <select name="cff_header_text_weight">
1744
  <option value="inherit" <?php if($cff_header_text_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1748
  </td>
1749
  </tr>
1750
  <tr>
1751
+ <th class="bump-left" scope="row"><label><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headertextcolor
1752
+ Eg: headertextcolor=333</code></th>
1753
  <td>
1754
+ <input name="cff_header_text_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_text_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1755
  </td>
1756
  </tr>
1757
  <tr>
1758
+ <th class="bump-left" scope="row"><label><?php _e('Icon Type', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericon
1759
+ Eg: headericon=facebook</code></th>
1760
  <td>
1761
  <select name="cff_header_icon" id="cff-header-icon">
1762
  <option value="facebook-square" <?php if($cff_header_icon == "facebook-square") echo 'selected="selected"' ?> >Facebook 1</option>
1784
  </td>
1785
  </tr>
1786
  <tr>
1787
+ <th class="bump-left" scope="row"><label><?php _e('Icon Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericoncolor
1788
+ Eg: headericoncolor=FFF</code></th>
1789
  <td>
1790
+ <input name="cff_header_icon_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_header_icon_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1791
  </td>
1792
  </tr>
1793
  <tr>
1794
+ <th class="bump-left" scope="row"><label><?php _e('Icon Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> headericonsize
1795
+ Eg: headericonsize=28</code></th>
1796
  <td>
1797
  <select name="cff_header_icon_size" id="cff-header-icon-size">
1798
  <option value="10" <?php if($cff_header_icon_size == "10") echo 'selected="selected"' ?> >10px</option>
1814
  </select>
1815
  </td>
1816
  </tr>
1817
+ <tr id="author"><!-- Quick link --></tr>
1818
  </tbody>
1819
  </table>
1820
  </div>
1821
  </div>
1822
 
1823
  <div id="adminform" class="postbox" style="display: block;">
1824
+ <div class="handlediv"><br></div>
1825
+ <h3 class="hndle"><span><?php _e('Post Author', 'custom-facebook-feed'); ?></span></h3>
1826
  <div class="inside">
1827
  <table class="form-table">
1828
  <tbody>
1829
  <tr>
1830
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> authorsize
1831
+ Eg: authorsize=20</code></th>
1832
  <td>
1833
  <select name="cff_author_size">
1834
  <option value="inherit" <?php if($cff_author_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1852
  </td>
1853
  </tr>
1854
  <tr>
1855
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> authorcolor
1856
+ Eg: authorcolor=ff0000</code></th>
1857
  <td>
1858
+ <input name="cff_author_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_author_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1859
  </td>
1860
  </tr>
1861
+ <tr id="text"><!-- Quick link --></tr>
1862
  </tbody>
1863
  </table>
1864
  </div>
1869
  </div>
1870
  <div id="adminform" class="postbox" style="display: block;">
1871
  <div class="handlediv" title="Click to toggle"><br></div>
1872
+ <h3 class="hndle"><span><?php _e('Post Text', 'custom-facebook-feed'); ?></span></h3>
1873
  <div class="inside">
1874
  <table class="form-table">
1875
  <tbody>
1876
  <tr valign="top">
1877
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlength
1878
+ Eg: textlength=200</code></th>
1879
  <td>
1880
+ <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>
1881
  </td>
1882
  </tr>
1883
  <tr>
1884
+ <th><label class="bump-left"><?php _e('Format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textformat
1885
+ Eg: textformat=h4</code></th>
1886
  <td>
1887
  <select name="cff_title_format">
1888
  <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
1894
  </td>
1895
  </tr>
1896
  <tr>
1897
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textsize
1898
+ Eg: textsize=12</code></th>
1899
  <td>
1900
  <select name="cff_title_size">
1901
  <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1919
  </td>
1920
  </tr>
1921
  <tr>
1922
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textweight
1923
+ Eg: textweight=bold</code></th>
1924
  <td>
1925
  <select name="cff_title_weight">
1926
  <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1930
  </td>
1931
  </tr>
1932
  <tr>
1933
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textcolor
1934
+ Eg: textcolor=333</code></th>
1935
  <td>
1936
+ <input name="cff_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_title_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1937
  </td>
1938
  </tr>
1939
  <tr>
1940
+ <th><label class="bump-left"><?php _e('Link Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlinkcolor
1941
+ Eg: textlinkcolor=E69100</code></th>
1942
  <td>
1943
+ <input name="cff_posttext_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_posttext_link_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
1944
  </td>
1945
  </tr>
1946
  <tr>
1947
+ <th><label class="bump-left"><?php _e('Link Text to Facebook Post?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> textlink
1948
+ Eg: textlink=true</code></th>
1949
+ <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>
1950
  </tr>
1951
 
1952
  <tr>
1953
+ <th><label class="bump-left"><?php _e('Link Post Tags?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> posttags
1954
+ Eg: posttags=false</code></th>
1955
  <td>
1956
+ <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'); ?>
1957
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What are Post Tags?', 'custom-facebook-feed'); ?></a>
1958
+ <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>
1959
  </td>
1960
  </tr>
1961
+
1962
  <tr>
1963
+ <th><label class="bump-left"><?php _e('Link Hashtags?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkhashtags
1964
+ Eg: linkhashtags=false</code></th>
1965
  <td>
1966
+ <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'); ?>
1967
  </td>
1968
  </tr>
1969
+ <tr id="description"><!-- Quick link --></tr>
1970
  </tbody>
1971
  </table>
1972
  </div>
1973
  </div>
 
 
1974
  <div id="adminform" class="postbox" style="display: block;">
1975
  <div class="handlediv" title="Click to toggle"><br></div>
1976
+ <h3 class="hndle"><span><?php _e('Link, Photo and Video Description', 'custom-facebook-feed'); ?></span></h3>
1977
  <div class="inside">
1978
  <table class="form-table">
1979
  <tbody>
1980
  <tr valign="top">
1981
+ <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> desclength
1982
+ Eg: desclength=150</code></th>
1983
  <td>
1984
+ <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>
1985
  </td>
1986
  </tr>
1987
  <tr>
1988
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> descsize
1989
+ Eg: descsize=11</code></th>
1990
  <td>
1991
  <select name="cff_body_size">
1992
  <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2010
  </td>
2011
  </tr>
2012
  <tr>
2013
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> descweight
2014
+ Eg: descweight=bold</code></th>
2015
  <td>
2016
  <select name="cff_body_weight">
2017
  <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2021
  </td>
2022
  </tr>
2023
  <tr>
2024
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> desccolor
2025
+ Eg: desccolor=9F9F9F</code></th>
2026
 
2027
  <td>
2028
+ <input name="cff_body_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_body_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2029
  </td>
2030
  </tr>
2031
+ <tr id="date"><!-- Quick link --></tr>
2032
  </tbody>
2033
  </table>
2034
  </div>
2035
  </div>
2036
 
2037
+ <div style="margin-top: -15px;">
2038
+ <?php submit_button(); ?>
2039
+ </div>
 
2040
  <div id="adminform" class="postbox" style="display: block;">
2041
  <div class="handlediv" title="Click to toggle"><br></div>
2042
+ <h3 class="hndle"><span><?php _e('Post Date', 'custom-facebook-feed'); ?></span></h3>
2043
  <div class="inside">
2044
  <table class="form-table">
2045
  <tbody>
2046
  <tr>
2047
+ <th><label class="bump-left"><?php _e('Position', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datepos
2048
+ Eg: datepos=below</code></th>
2049
  <td>
2050
  <select name="cff_date_position" style="width: 280px;">
2051
  <option value="author" <?php if($cff_date_position == "author") echo 'selected="selected"' ?> >Immediately under the post author</option>
2055
  </td>
2056
  </tr>
2057
  <tr>
2058
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datesize
2059
+ Eg: datesize=14</code></th>
2060
  <td>
2061
  <select name="cff_date_size">
2062
  <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2080
  </td>
2081
  </tr>
2082
  <tr>
2083
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> dateweight
2084
+ Eg: dateweight=normal</code></th>
2085
  <td>
2086
  <select name="cff_date_weight">
2087
  <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2091
  </td>
2092
  </tr>
2093
  <tr>
2094
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datecolor
2095
+ Eg: datecolor=EAD114</code></th>
2096
  <td>
2097
+ <input name="cff_date_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_date_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2098
  </td>
2099
  </tr>
2100
 
2101
  <tr>
2102
+ <th><label class="bump-left"><?php _e('Date formatting', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> dateformat
2103
+ Eg: dateformat=3</code></th>
2104
  <td>
2105
  <select name="cff_date_formatting">
2106
  <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
2107
+ <option value="1" <?php if($cff_date_formatting == "1") echo 'selected="selected"' ?> ><?php _e('2 days ago', 'custom-facebook-feed'); ?></option>
2108
  <option value="2" <?php if($cff_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:i a', $original); ?></option>
2109
  <option value="3" <?php if($cff_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('F jS', $original); ?></option>
2110
  <option value="4" <?php if($cff_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('D F jS', $original); ?></option>
2121
  </tr>
2122
 
2123
  <tr>
2124
+ <th><label class="bump-left"><?php _e('Timezone', 'custom-facebook-feed'); ?></label></th>
2125
  <td>
2126
  <select name="cff_timezone" style="width: 300px;">
2127
+ <option value="Pacific/Midway" <?php if($cff_timezone == "Pacific/Midway") echo 'selected="selected"' ?> ><?php _e('(GMT-11:00) Midway Island, Samoa', 'custom-facebook-feed'); ?></option>
2128
+ <option value="America/Adak" <?php if($cff_timezone == "America/Adak") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii-Aleutian', 'custom-facebook-feed'); ?></option>
2129
+ <option value="Etc/GMT+10" <?php if($cff_timezone == "Etc/GMT+10") echo 'selected="selected"' ?> ><?php _e('(GMT-10:00) Hawaii', 'custom-facebook-feed'); ?></option>
2130
+ <option value="Pacific/Marquesas" <?php if($cff_timezone == "Pacific/Marquesas") echo 'selected="selected"' ?> ><?php _e('(GMT-09:30) Marquesas Islands', 'custom-facebook-feed'); ?></option>
2131
+ <option value="Pacific/Gambier" <?php if($cff_timezone == "Pacific/Gambier") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Gambier Islands', 'custom-facebook-feed'); ?></option>
2132
+ <option value="America/Anchorage" <?php if($cff_timezone == "America/Anchorage") echo 'selected="selected"' ?> ><?php _e('(GMT-09:00) Alaska', 'custom-facebook-feed'); ?></option>
2133
+ <option value="America/Ensenada" <?php if($cff_timezone == "America/Ensenada") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Tijuana, Baja California', 'custom-facebook-feed'); ?></option>
2134
+ <option value="Etc/GMT+8" <?php if($cff_timezone == "Etc/GMT+8") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pitcairn Islands', 'custom-facebook-feed'); ?></option>
2135
+ <option value="America/Los_Angeles" <?php if($cff_timezone == "America/Los_Angeles") echo 'selected="selected"' ?> ><?php _e('(GMT-08:00) Pacific Time (US & Canada)', 'custom-facebook-feed'); ?></option>
2136
+ <option value="America/Denver" <?php if($cff_timezone == "America/Denver") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Mountain Time (US & Canada)', 'custom-facebook-feed'); ?></option>
2137
+ <option value="America/Chihuahua" <?php if($cff_timezone == "America/Chihuahua") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Chihuahua, La Paz, Mazatlan', 'custom-facebook-feed'); ?></option>
2138
+ <option value="America/Dawson_Creek" <?php if($cff_timezone == "America/Dawson_Creek") echo 'selected="selected"' ?> ><?php _e('(GMT-07:00) Arizona', 'custom-facebook-feed'); ?></option>
2139
+ <option value="America/Belize" <?php if($cff_timezone == "America/Belize") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Saskatchewan, Central America', 'custom-facebook-feed'); ?></option>
2140
+ <option value="America/Cancun" <?php if($cff_timezone == "America/Cancun") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Guadalajara, Mexico City, Monterrey', 'custom-facebook-feed'); ?></option>
2141
+ <option value="Chile/EasterIsland" <?php if($cff_timezone == "Chile/EasterIsland") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Easter Island', 'custom-facebook-feed'); ?></option>
2142
+ <option value="America/Chicago" <?php if($cff_timezone == "America/Chicago") echo 'selected="selected"' ?> ><?php _e('(GMT-06:00) Central Time (US & Canada)', 'custom-facebook-feed'); ?></option>
2143
+ <option value="America/New_York" <?php if($cff_timezone == "America/New_York") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Eastern Time (US & Canada)', 'custom-facebook-feed'); ?></option>
2144
+ <option value="America/Havana" <?php if($cff_timezone == "America/Havana") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Cuba', 'custom-facebook-feed'); ?></option>
2145
+ <option value="America/Bogota" <?php if($cff_timezone == "America/Bogota") echo 'selected="selected"' ?> ><?php _e('(GMT-05:00) Bogota, Lima, Quito, Rio Branco', 'custom-facebook-feed'); ?></option>
2146
+ <option value="America/Caracas" <?php if($cff_timezone == "America/Caracas") echo 'selected="selected"' ?> ><?php _e('(GMT-04:30) Caracas', 'custom-facebook-feed'); ?></option>
2147
+ <option value="America/Santiago" <?php if($cff_timezone == "America/Santiago") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Santiago', 'custom-facebook-feed'); ?></option>
2148
+ <option value="America/La_Paz" <?php if($cff_timezone == "America/La_Paz") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) La Paz', 'custom-facebook-feed'); ?></option>
2149
+ <option value="Atlantic/Stanley" <?php if($cff_timezone == "Atlantic/Stanley") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Faukland Islands', 'custom-facebook-feed'); ?></option>
2150
+ <option value="America/Campo_Grande" <?php if($cff_timezone == "America/Campo_Grande") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Brazil', 'custom-facebook-feed'); ?></option>
2151
+ <option value="America/Goose_Bay" <?php if($cff_timezone == "America/Goose_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Goose Bay)', 'custom-facebook-feed'); ?></option>
2152
+ <option value="America/Glace_Bay" <?php if($cff_timezone == "America/Glace_Bay") echo 'selected="selected"' ?> ><?php _e('(GMT-04:00) Atlantic Time (Canada)', 'custom-facebook-feed'); ?></option>
2153
+ <option value="America/St_Johns" <?php if($cff_timezone == "America/St_Johns") echo 'selected="selected"' ?> ><?php _e('(GMT-03:30) Newfoundland', 'custom-facebook-feed'); ?></option>
2154
+ <option value="America/Araguaina" <?php if($cff_timezone == "America/Araguaina") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) UTC-3', 'custom-facebook-feed'); ?></option>
2155
+ <option value="America/Montevideo" <?php if($cff_timezone == "America/Montevideo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Montevideo', 'custom-facebook-feed'); ?></option>
2156
+ <option value="America/Miquelon" <?php if($cff_timezone == "America/Miquelon") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Miquelon, St. Pierre', 'custom-facebook-feed'); ?></option>
2157
+ <option value="America/Godthab" <?php if($cff_timezone == "America/Godthab") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Greenland', 'custom-facebook-feed'); ?></option>
2158
+ <option value="America/Argentina/Buenos_Aires" <?php if($cff_timezone == "America/Argentina/Buenos_Aires") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Buenos Aires', 'custom-facebook-feed'); ?></option>
2159
+ <option value="America/Sao_Paulo" <?php if($cff_timezone == "America/Sao_Paulo") echo 'selected="selected"' ?> ><?php _e('(GMT-03:00) Brasilia', 'custom-facebook-feed'); ?></option>
2160
+ <option value="America/Noronha" <?php if($cff_timezone == "America/Noronha") echo 'selected="selected"' ?> ><?php _e('(GMT-02:00) Mid-Atlantic', 'custom-facebook-feed'); ?></option>
2161
+ <option value="Atlantic/Cape_Verde" <?php if($cff_timezone == "Atlantic/Cape_Verde") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Cape Verde Is.', 'custom-facebook-feed'); ?></option>
2162
+ <option value="Atlantic/Azores" <?php if($cff_timezone == "Atlantic/Azores") echo 'selected="selected"' ?> ><?php _e('(GMT-01:00) Azores', 'custom-facebook-feed'); ?></option>
2163
+ <option value="Europe/Belfast" <?php if($cff_timezone == "Europe/Belfast") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Belfast', 'custom-facebook-feed'); ?></option>
2164
+ <option value="Europe/Dublin" <?php if($cff_timezone == "Europe/Dublin") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Dublin', 'custom-facebook-feed'); ?></option>
2165
+ <option value="Europe/Lisbon" <?php if($cff_timezone == "Europe/Lisbon") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : Lisbon', 'custom-facebook-feed'); ?></option>
2166
+ <option value="Europe/London" <?php if($cff_timezone == "Europe/London") echo 'selected="selected"' ?> ><?php _e('(GMT) Greenwich Mean Time : London', 'custom-facebook-feed'); ?></option>
2167
+ <option value="Africa/Abidjan" <?php if($cff_timezone == "Africa/Abidjan") echo 'selected="selected"' ?> ><?php _e('(GMT) Monrovia, Reykjavik', 'custom-facebook-feed'); ?></option>
2168
+ <option value="Europe/Amsterdam" <?php if($cff_timezone == "Europe/Amsterdam") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna', 'custom-facebook-feed'); ?></option>
2169
+ <option value="Europe/Belgrade" <?php if($cff_timezone == "Europe/Belgrade") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague', 'custom-facebook-feed'); ?></option>
2170
+ <option value="Europe/Brussels" <?php if($cff_timezone == "Europe/Brussels") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Brussels, Copenhagen, Madrid, Paris', 'custom-facebook-feed'); ?></option>
2171
+ <option value="Africa/Algiers" <?php if($cff_timezone == "Africa/Algiers") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) West Central Africa', 'custom-facebook-feed'); ?></option>
2172
+ <option value="Africa/Windhoek" <?php if($cff_timezone == "Africa/Windhoek") echo 'selected="selected"' ?> ><?php _e('(GMT+01:00) Windhoek', 'custom-facebook-feed'); ?></option>
2173
+ <option value="Asia/Beirut" <?php if($cff_timezone == "Asia/Beirut") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Beirut', 'custom-facebook-feed'); ?></option>
2174
+ <option value="Africa/Cairo" <?php if($cff_timezone == "Africa/Cairo") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Cairo', 'custom-facebook-feed'); ?></option>
2175
+ <option value="Asia/Gaza" <?php if($cff_timezone == "Asia/Gaza") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Gaza', 'custom-facebook-feed'); ?></option>
2176
+ <option value="Africa/Blantyre" <?php if($cff_timezone == "Africa/Blantyre") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Harare, Pretoria', 'custom-facebook-feed'); ?></option>
2177
+ <option value="Asia/Jerusalem" <?php if($cff_timezone == "Asia/Jerusalem") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Jerusalem', 'custom-facebook-feed'); ?></option>
2178
+ <option value="Europe/Minsk" <?php if($cff_timezone == "Europe/Minsk") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Minsk', 'custom-facebook-feed'); ?></option>
2179
+ <option value="Asia/Damascus" <?php if($cff_timezone == "Asia/Damascus") echo 'selected="selected"' ?> ><?php _e('(GMT+02:00) Syria', 'custom-facebook-feed'); ?></option>
2180
+ <option value="Europe/Moscow" <?php if($cff_timezone == "Europe/Moscow") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Moscow, St. Petersburg, Volgograd', 'custom-facebook-feed'); ?></option>
2181
+ <option value="Africa/Addis_Ababa" <?php if($cff_timezone == "Africa/Addis_Ababa") echo 'selected="selected"' ?> ><?php _e('(GMT+03:00) Nairobi', 'custom-facebook-feed'); ?></option>
2182
+ <option value="Asia/Tehran" <?php if($cff_timezone == "Asia/Tehran") echo 'selected="selected"' ?> ><?php _e('(GMT+03:30) Tehran', 'custom-facebook-feed'); ?></option>
2183
+ <option value="Asia/Dubai" <?php if($cff_timezone == "Asia/Dubai") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Abu Dhabi, Muscat', 'custom-facebook-feed'); ?></option>
2184
+ <option value="Asia/Yerevan" <?php if($cff_timezone == "Asia/Yerevan") echo 'selected="selected"' ?> ><?php _e('(GMT+04:00) Yerevan', 'custom-facebook-feed'); ?></option>
2185
+ <option value="Asia/Kabul" <?php if($cff_timezone == "Asia/Kabul") echo 'selected="selected"' ?> ><?php _e('(GMT+04:30) Kabul', 'custom-facebook-feed'); ?></option>
2186
+ <option value="Asia/Yekaterinburg" <?php if($cff_timezone == "Asia/Yekaterinburg") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Ekaterinburg', 'custom-facebook-feed'); ?></option>
2187
+ <option value="Asia/Tashkent" <?php if($cff_timezone == "Asia/Tashkent") echo 'selected="selected"' ?> ><?php _e('(GMT+05:00) Tashkent', 'custom-facebook-feed'); ?></option>
2188
+ <option value="Asia/Kolkata" <?php if($cff_timezone == "Asia/Kolkata") echo 'selected="selected"' ?> ><?php _e('(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi', 'custom-facebook-feed'); ?></option>
2189
+ <option value="Asia/Katmandu" <?php if($cff_timezone == "Asia/Katmandu") echo 'selected="selected"' ?> ><?php _e('(GMT+05:45) Kathmandu', 'custom-facebook-feed'); ?></option>
2190
+ <option value="Asia/Dhaka" <?php if($cff_timezone == "Asia/Dhaka") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Astana, Dhaka', 'custom-facebook-feed'); ?></option>
2191
+ <option value="Asia/Novosibirsk" <?php if($cff_timezone == "Asia/Novosibirsk") echo 'selected="selected"' ?> ><?php _e('(GMT+06:00) Novosibirsk', 'custom-facebook-feed'); ?></option>
2192
+ <option value="Asia/Rangoon" <?php if($cff_timezone == "Asia/Rangoon") echo 'selected="selected"' ?> ><?php _e('(GMT+06:30) Yangon (Rangoon)', 'custom-facebook-feed'); ?></option>
2193
+ <option value="Asia/Bangkok" <?php if($cff_timezone == "Asia/Bangkok") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Bangkok, Hanoi, Jakarta', 'custom-facebook-feed'); ?></option>
2194
+ <option value="Asia/Krasnoyarsk" <?php if($cff_timezone == "Asia/Krasnoyarsk") echo 'selected="selected"' ?> ><?php _e('(GMT+07:00) Krasnoyarsk', 'custom-facebook-feed'); ?></option>
2195
+ <option value="Asia/Hong_Kong" <?php if($cff_timezone == "Asia/Hong_Kong") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi', 'custom-facebook-feed'); ?></option>
2196
+ <option value="Asia/Irkutsk" <?php if($cff_timezone == "Asia/Irkutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Irkutsk, Ulaan Bataar', 'custom-facebook-feed'); ?></option>
2197
+ <option value="Australia/Perth" <?php if($cff_timezone == "Australia/Perth") echo 'selected="selected"' ?> ><?php _e('(GMT+08:00) Perth', 'custom-facebook-feed'); ?></option>
2198
+ <option value="Australia/Eucla" <?php if($cff_timezone == "Australia/Eucla") echo 'selected="selected"' ?> ><?php _e('(GMT+08:45) Eucla', 'custom-facebook-feed'); ?></option>
2199
+ <option value="Asia/Tokyo" <?php if($cff_timezone == "Asia/Tokyo") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Osaka, Sapporo, Tokyo', 'custom-facebook-feed'); ?></option>
2200
+ <option value="Asia/Seoul" <?php if($cff_timezone == "Asia/Seoul") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Seoul', 'custom-facebook-feed'); ?></option>
2201
+ <option value="Asia/Yakutsk" <?php if($cff_timezone == "Asia/Yakutsk") echo 'selected="selected"' ?> ><?php _e('(GMT+09:00) Yakutsk', 'custom-facebook-feed'); ?></option>
2202
+ <option value="Australia/Adelaide" <?php if($cff_timezone == "Australia/Adelaide") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Adelaide', 'custom-facebook-feed'); ?></option>
2203
+ <option value="Australia/Darwin" <?php if($cff_timezone == "Australia/Darwin") echo 'selected="selected"' ?> ><?php _e('(GMT+09:30) Darwin', 'custom-facebook-feed'); ?></option>
2204
+ <option value="Australia/Brisbane" <?php if($cff_timezone == "Australia/Brisbane") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Brisbane', 'custom-facebook-feed'); ?></option>
2205
+ <option value="Australia/Hobart" <?php if($cff_timezone == "Australia/Hobart") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Hobart', 'custom-facebook-feed'); ?></option>
2206
+ <option value="Asia/Vladivostok" <?php if($cff_timezone == "Asia/Vladivostok") echo 'selected="selected"' ?> ><?php _e('(GMT+10:00) Vladivostok', 'custom-facebook-feed'); ?></option>
2207
+ <option value="Australia/Lord_Howe" <?php if($cff_timezone == "Australia/Lord_Howe") echo 'selected="selected"' ?> ><?php _e('(GMT+10:30) Lord Howe Island', 'custom-facebook-feed'); ?></option>
2208
+ <option value="Etc/GMT-11" <?php if($cff_timezone == "Etc/GMT-11") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Solomon Is., New Caledonia', 'custom-facebook-feed'); ?></option>
2209
+ <option value="Asia/Magadan" <?php if($cff_timezone == "Asia/Magadan") echo 'selected="selected"' ?> ><?php _e('(GMT+11:00) Magadan', 'custom-facebook-feed'); ?></option>
2210
+ <option value="Pacific/Norfolk" <?php if($cff_timezone == "Pacific/Norfolk") echo 'selected="selected"' ?> ><?php _e('(GMT+11:30) Norfolk Island', 'custom-facebook-feed'); ?></option>
2211
+ <option value="Asia/Anadyr" <?php if($cff_timezone == "Asia/Anadyr") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Anadyr, Kamchatka', 'custom-facebook-feed'); ?></option>
2212
+ <option value="Pacific/Auckland" <?php if($cff_timezone == "Pacific/Auckland") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Auckland, Wellington', 'custom-facebook-feed'); ?></option>
2213
+ <option value="Etc/GMT-12" <?php if($cff_timezone == "Etc/GMT-12") echo 'selected="selected"' ?> ><?php _e('(GMT+12:00) Fiji, Kamchatka, Marshall Is.', 'custom-facebook-feed'); ?></option>
2214
+ <option value="Pacific/Chatham" <?php if($cff_timezone == "Pacific/Chatham") echo 'selected="selected"' ?> ><?php _e('(GMT+12:45) Chatham Islands', 'custom-facebook-feed'); ?></option>
2215
+ <option value="Pacific/Tongatapu" <?php if($cff_timezone == "Pacific/Tongatapu") echo 'selected="selected"' ?> ><?php _e('(GMT+13:00) Nuku\'alofa', 'custom-facebook-feed'); ?></option>
2216
+ <option value="Pacific/Kiritimati" <?php if($cff_timezone == "Pacific/Kiritimati") echo 'selected="selected"' ?> ><?php _e('(GMT+14:00) Kiritimati', 'custom-facebook-feed'); ?></option>
2217
  </select>
2218
  </td>
2219
  </tr>
2220
 
2221
  <tr>
2222
+ <th><label class="bump-left"><?php _e('Custom format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> datecustom
2223
+ Eg: datecustom='D M jS, Y'</code></th>
2224
  <td>
2225
+ <input name="cff_date_custom" type="text" value="<?php esc_attr_e( $cff_date_custom, 'custom-facebook-feed' ); ?>" size="10" placeholder="Eg. F j, Y" />
2226
+ <a href="http://smashballoon.com/custom-facebook-feed/docs/date/" class="cff-external-link" target="_blank"><?php _e('Examples', 'custom-facebook-feed'); ?></a>
2227
  </td>
2228
  </tr>
2229
  <tr>
2230
+ <th><label class="bump-left"><?php _e('Text before date', 'custom-facebook-feed'); ?></label></th>
2231
+ <td><input name="cff_date_before" type="text" value="<?php esc_attr_e( $cff_date_before, 'custom-facebook-feed' ); ?>" size="20" placeholder="Eg. Posted" /></td>
2232
  </tr>
2233
  <tr>
2234
+ <th><label class="bump-left"><?php _e('Text after date', 'custom-facebook-feed'); ?></label></th>
2235
+ <td><input name="cff_date_after" type="text" value="<?php esc_attr_e( $cff_date_after, 'custom-facebook-feed' ); ?>" size="20" placeholder="Eg. by ___" /></td>
2236
  </tr>
2237
+ <tr id="links"><!-- Quick link --></tr>
2238
  </tbody>
2239
  </table>
2240
  </div>
2243
 
2244
  <div id="adminform" class="postbox" style="display: block;">
2245
  <div class="handlediv" title="Click to toggle"><br></div>
2246
+ <h3 class="hndle"><span><?php _e('Shared Links', 'custom-facebook-feed'); ?></span></h3>
2247
  <div class="inside">
2248
  <table class="form-table">
2249
  <tbody>
 
2250
  <tr>
2251
+ <th><label class="bump-left"><?php _e('Link Title Format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linktitleformat
2252
+ Eg: linktitleformat='h3'</code></th>
2253
  <td>
2254
  <select name="cff_link_title_format">
2255
  <option value="p" <?php if($cff_link_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
2261
  </td>
2262
  </tr>
2263
  <tr>
2264
+ <th><label class="bump-left"><?php _e('Link Title Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linktitlesize
2265
+ Eg: linktitlesize='18'</code></th>
2266
  <td>
2267
  <select name="cff_link_title_size">
2268
  <option value="inherit" <?php if($cff_link_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2286
  </td>
2287
  </tr>
2288
  <tr>
2289
+ <th><label class="bump-left"><?php _e('Link Title Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linktitlecolor
2290
+ Eg: linktitlecolor='ff0000'</code></th>
2291
  <td>
2292
+ <input name="cff_link_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_title_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2293
  </td>
2294
  </tr>
2295
  <tr>
2296
+ <th><label class="bump-left"><?php _e('Link URL Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkurlcolor
2297
+ Eg: linkurlcolor='999999'</code></th>
2298
  <td>
2299
+ <input name="cff_link_url_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_url_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2300
  </td>
2301
  </tr>
2302
 
2303
  <tr>
2304
+ <th><label class="bump-left"><?php _e('Link Box Background Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkbgcolor
2305
+ Eg: linkbgcolor='EEE'</code></th>
2306
  <td>
2307
+ <input name="cff_link_bg_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_bg_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2308
  </td>
2309
  </tr>
2310
 
2311
  <tr>
2312
+ <th><label class="bump-left"><?php _e('Link Box Border Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkbordercolor
2313
+ Eg: linkbordercolor='CCC'</code></th>
2314
  <td>
2315
+ <input name="cff_link_border_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_border_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2316
  </td>
2317
  </tr>
2318
 
2319
  <tr>
2320
+ <th><label class="bump-left"><?php _e('Remove Background/Border', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> disablelinkbox
2321
+ Eg: disablelinkbox=true</code></th>
2322
+ <td><input type="checkbox" name="cff_disable_link_box" id="cff_disable_link_box" <?php if($cff_disable_link_box == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?></td>
2323
  </tr>
2324
+ <tr id="eventtitle"><!-- Quick link --></tr>
2325
  </tbody>
2326
  </table>
2327
  </div>
2333
 
2334
  <div id="adminform" class="postbox" style="display: block;">
2335
  <div class="handlediv" title="Click to toggle"><br></div>
2336
+ <h3 class="hndle"><span><?php _e('Event Title', 'custom-facebook-feed'); ?></span></h3>
2337
  <div class="inside">
2338
  <table class="form-table">
2339
  <tbody>
2340
 
2341
  <tr>
2342
+ <th><label class="bump-left"><?php _e('Format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventtitleformat
2343
+ Eg: eventtitleformat=h5</code></th>
2344
  <td>
2345
  <select name="cff_event_title_format">
2346
  <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
2353
  </tr>
2354
 
2355
  <tr>
2356
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventtitlesize
2357
+ Eg: eventtitlesize=12</code></th>
2358
  <td>
2359
  <select name="cff_event_title_size">
2360
  <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2378
  </td>
2379
  </tr>
2380
  <tr>
2381
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventtitleweight
2382
+ Eg: eventtitleweight=bold</code></th>
2383
  <td>
2384
  <select name="cff_event_title_weight">
2385
  <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2389
  </td>
2390
  </tr>
2391
  <tr>
2392
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventtitlecolor
2393
+ Eg: eventtitlecolor=666</code></th>
2394
  <td>
2395
+ <input name="cff_event_title_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_title_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2396
  </td>
2397
  </tr>
2398
  <tr>
2399
+ <th><label class="bump-left"><?php _e('Link title to Facebook event page?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventtitlelink
2400
+ Eg: eventtitlelink=true</code></th>
2401
+ <td><input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?></td>
2402
  </tr>
2403
+ <tr id="eventdate"><!-- Quick link --></tr>
2404
  </tbody>
2405
  </table>
2406
  </div>
2408
 
2409
  <div id="adminform" class="postbox" style="display: block;">
2410
  <div class="handlediv" title="Click to toggle"><br></div>
2411
+ <h3 class="hndle"><span><?php _e('Event Date', 'custom-facebook-feed'); ?></span></h3>
2412
  <div class="inside">
2413
  <table class="form-table">
2414
  <tbody>
2415
 
2416
  <tr>
2417
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdatesize
2418
+ Eg: eventdatesize=18</code></th>
2419
  <td>
2420
  <select name="cff_event_date_size">
2421
  <option value="inherit" <?php if($cff_event_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2439
  </td>
2440
  </tr>
2441
  <tr>
2442
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdateweight
2443
+ Eg: eventdateweight=bold</code></th>
2444
  <td>
2445
  <select name="cff_event_date_weight">
2446
  <option value="inherit" <?php if($cff_event_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2450
  </td>
2451
  </tr>
2452
  <tr>
2453
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdatecolor
2454
+ Eg: eventdatecolor=EB6A00</code></th>
2455
  <td>
2456
+ <input name="cff_event_date_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_date_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2457
  </td>
2458
  </tr>
2459
  <tr valign="top">
2460
+ <th scope="row"><label class="bump-left"><?php _e('Date Position', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdatepos
2461
+ Eg: eventdatepos=below</code></th>
2462
  <td>
2463
  <select name="cff_event_date_position">
2464
+ <option value="below" <?php if($cff_event_date_position == "below") echo 'selected="selected"' ?> ><?php _e('Below event title', 'custom-facebook-feed'); ?></option>
2465
+ <option value="above" <?php if($cff_event_date_position == "above") echo 'selected="selected"' ?> ><?php _e('Above event title', 'custom-facebook-feed'); ?></option>
2466
  </select>
2467
  </td>
2468
  </tr>
2469
  <tr>
2470
+ <th><label class="bump-left"><?php _e('Event date formatting', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdateformat
2471
+ Eg: eventdateformat=12</code></th>
2472
  <td>
2473
  <select name="cff_event_date_formatting">
2474
  <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
2475
+ <option value="14" <?php if($cff_event_date_formatting == "14") echo 'selected="selected"' ?> ><?php echo date('M j, g:ia', $original); ?></option>
2476
+ <option value="15" <?php if($cff_event_date_formatting == "15") echo 'selected="selected"' ?> ><?php echo date('M j, G:i', $original); ?></option>
2477
  <option value="1" <?php if($cff_event_date_formatting == "1") echo 'selected="selected"' ?> ><?php echo date('F j, Y, g:ia', $original); ?></option>
2478
  <option value="2" <?php if($cff_event_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:ia', $original); ?></option>
2479
  <option value="3" <?php if($cff_event_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('g:ia - F jS', $original); ?></option>
2491
  </td>
2492
  </tr>
2493
  <tr>
2494
+ <th><label class="bump-left"><?php _e('Custom event date format', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdatecustom
2495
+ Eg: eventdatecustom='D M jS, Y'</code></th>
2496
  <td>
2497
+ <input name="cff_event_date_custom" type="text" value="<?php esc_attr_e( $cff_event_date_custom, 'custom-facebook-feed' ); ?>" size="10" placeholder="Eg. F j, Y - g:ia" />
2498
+ <a href="http://smashballoon.com/custom-facebook-feed/docs/date/" class="cff-external-link" target="_blank"><?php _e('Examples', 'custom-facebook-feed'); ?></a>
2499
  </td>
2500
  </tr>
2501
+ <tr id="eventdetails"><!-- Quick link --></tr>
2502
  </tbody>
2503
  </table>
2504
  </div>
2505
  </div>
2506
  <div id="adminform" class="postbox" style="display: block;">
2507
  <div class="handlediv" title="Click to toggle"><br></div>
2508
+ <h3 class="hndle"><span><?php _e('Event Details', 'custom-facebook-feed'); ?></span></h3>
2509
  <div class="inside">
2510
  <table class="form-table">
2511
  <tbody>
2512
 
2513
  <tr>
2514
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdetailssize
2515
+ Eg: eventdetailssize=13</code></th>
2516
  <td>
2517
  <select name="cff_event_details_size">
2518
  <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2536
  </td>
2537
  </tr>
2538
  <tr>
2539
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdetailsweight
2540
+ Eg: eventdetailsweight=bold</code></th>
2541
  <td>
2542
  <select name="cff_event_details_weight">
2543
  <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2547
  </td>
2548
  </tr>
2549
  <tr>
2550
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventdetailscolor
2551
+ Eg: eventdetailscolor=FFF000</code></th>
2552
  <td>
2553
+ <input name="cff_event_details_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_details_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2554
  </td>
2555
  </tr>
2556
  <tr>
2557
+ <th><label class="bump-left"><?php _e('Link Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> eventlinkcolor
2558
+ Eg: eventlinkcolor=333</code></th>
2559
  <td>
2560
+ <input name="cff_event_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_event_link_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2561
  </td>
2562
  </tr>
2563
+ <tr id="action"><!-- Quick link --></tr>
2564
  </tbody>
2565
  </table>
2566
  </div>
2567
  </div>
2568
  <div id="adminform" class="postbox" style="display: block;">
2569
  <div class="handlediv" title="Click to toggle"><br></div>
2570
+ <h3 class="hndle"><span><?php _e('Link to Facebook', 'custom-facebook-feed'); ?></span></h3>
2571
  <div class="inside">
2572
  <table class="form-table">
2573
  <tbody>
2574
 
2575
  <tr>
2576
+ <th><label class="bump-left"><?php _e('Text Size', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linksize
2577
+ Eg: linksize=13</code></th>
2578
  <td>
2579
  <select name="cff_link_size">
2580
  <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2598
  </td>
2599
  </tr>
2600
  <tr>
2601
+ <th><label class="bump-left"><?php _e('Text Weight', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkweight
2602
+ Eg: linkweight=bold</code></th>
2603
  <td>
2604
  <select name="cff_link_weight">
2605
  <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
2609
  </td>
2610
  </tr>
2611
  <tr>
2612
+ <th><label class="bump-left"><?php _e('Text Color', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> linkcolor
2613
+ Eg: linkcolor=E01B5D</code></th>
2614
  <td>
2615
+ <input name="cff_link_color" value="#<?php esc_attr_e( str_replace('#', '', $cff_link_color), 'custom-facebook-feed' ); ?>" class="cff-colorpicker" />
2616
  </td>
2617
  </tr>
2618
  <tr>
2619
+ <th><label class="bump-left"><?php _e('"View on Facebook" Text', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> facebooklinktext
2620
+ Eg: facebooklinktext='Read more...'</code></th>
2621
  <td>
2622
  <input name="cff_facebook_link_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_link_text ) ); ?>" size="25" />
2623
  </td>
2624
  </tr>
2625
 
2626
  <tr>
2627
+ <th><label class="bump-left"><?php _e('"Share" Text', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> sharelinktext
2628
+ Eg: sharelinktext='Share this post'</code></th>
2629
  <td>
2630
  <input name="cff_facebook_share_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_share_text ) ); ?>" size="25" />
2631
  </td>
2632
  </tr>
2633
 
2634
  <tr>
2635
+ <th><label class="bump-left"><?php _e('Show "View on Facebook" link', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> showfacebooklink
2636
+ Eg: showfacebooklink=true</code></th>
2637
  <td>
2638
+ <input type="checkbox" name="cff_show_facebook_link" id="cff_show_facebook_link" <?php if($cff_show_facebook_link == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2639
  </td>
2640
  </tr>
2641
 
2642
  <tr>
2643
+ <th><label class="bump-left"><?php _e('Show "Share" link', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> showsharelink
2644
+ Eg: showsharelink=true</code></th>
2645
  <td>
2646
+ <input type="checkbox" name="cff_show_facebook_share" id="cff_show_facebook_share" <?php if($cff_show_facebook_share == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2647
  </td>
2648
  </tr>
2649
 
2660
  <a href="https://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
2661
 
2662
  <?php } //End Typography tab ?>
2663
+ <?php if( $cff_active_tab == 'misc' ) { //Start Misc tab ?>
2664
+
2665
+ <p class="cff_contents_links" id="comments">
2666
+ <span>Quick links: </span>
2667
+ <a href="#comments">Likes, Shares and Comments</a>
2668
+ <a href="#likebox">Like Box / Page Plugin</a>
2669
+ <a href="#css">Custom CSS</a>
2670
+ <a href="#js">Custom JavaScript</a>
2671
+ <a href="#misc">Misc Settings</a>
2672
+ </p>
2673
+
2674
  <input type="hidden" name="<?php echo $style_misc_hidden_field_name; ?>" value="Y">
2675
  <br />
2676
+ <h3><?php _e('Likes, Shares and Comments', 'custom-facebook-feed'); ?></h3><i style="color: #666; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable likes, shares and comments', 'custom-facebook-feed'); ?></a></i>
2677
 
2678
+ <hr id="likebox" /><!-- Quick link -->
2679
+ <h3><?php _e('Like Box / Page Plugin', 'custom-facebook-feed'); ?></h3>
2680
  <table class="form-table">
2681
  <tbody>
2682
  <tr valign="top">
2683
+ <th class="bump-left" scope="row"><label><?php _e('Show the Like Box', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> include exclude
2684
+ Eg: include/exclude=likebox</code></th>
2685
  <td>
2686
+ <input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2687
  </td>
2688
  </tr>
2689
  <tr valign="top">
2690
+ <th class="bump-left" scope="row"><label><?php _e('Position', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxpos
2691
+ Eg: likeboxpos=top</code></th>
2692
  <td>
2693
  <select name="cff_like_box_position">
2694
+ <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> ><?php _e('Bottom', 'custom-facebook-feed'); ?></option>
2695
+ <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> ><?php _e('Top', 'custom-facebook-feed'); ?></option>
2696
  </select>
2697
  </td>
2698
  </tr>
2699
  <tr valign="top">
2700
+ <th class="bump-left" scope="row"><label><?php _e('Display outside the scrollable area', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxoutside
2701
+ Eg: likeboxoutside=true</code></th>
2702
  <td>
2703
+ <input type="checkbox" name="cff_like_box_outside" id="cff_like_box_outside" <?php if($cff_like_box_outside == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2704
+ <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>
2705
  </td>
2706
  </tr>
2707
 
2708
  <tr valign="top">
2709
+ <th class="bump-left" scope="row"><label><?php _e('Show faces of fans', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxfaces
2710
+ Eg: likeboxfaces=true</code></th>
2711
  <td>
2712
+ <input type="checkbox" name="cff_like_box_faces" id="cff_like_box_faces" <?php if($cff_like_box_faces == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2713
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Show thumbnail photos of fans who like your page', 'custom-facebook-feed'); ?></i>
2714
  </td>
2715
  </tr>
2716
  <tr valign="top">
2717
+ <th class="bump-left" scope="row"><label><?php _e('Include the Cover Photo', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxcover
2718
+ Eg: likeboxcover=true</code></th>
2719
  <td>
2720
+ <input type="checkbox" name="cff_like_box_cover" id="cff_like_box_cover" <?php if($cff_like_box_cover == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2721
  </td>
2722
  </tr>
2723
  <tr valign="top">
2724
+ <th class="bump-left" scope="row"><label><?php _e('Use a small header', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxsmallheader
2725
+ Eg: likeboxsmallheader=true</code></th>
2726
  <td>
2727
+ <input type="checkbox" name="cff_like_box_small_header" id="cff_like_box_small_header" <?php if($cff_like_box_small_header == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2728
  </td>
2729
  </tr>
2730
  <tr valign="top">
2731
+ <th class="bump-left" scope="row"><label><?php _e('Hide the call to action button (if available)', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxhidebtn
2732
+ Eg: likeboxhidebtn=true</code></th>
2733
  <td>
2734
+ <input type="checkbox" name="cff_like_box_hide_cta" id="cff_like_box_hide_cta" <?php if($cff_like_box_hide_cta == true) echo 'checked="checked"' ?> />&nbsp;<?php _e('Yes', 'custom-facebook-feed'); ?>
2735
  </td>
2736
  </tr>
 
 
2737
  <tr valign="top">
2738
+ <th class="bump-left" for="cff_likebox_width" scope="row"><label><?php _e('Custom Like Box Width', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> likeboxwidth
2739
+ Eg: likeboxwidth=500</code></th>
2740
  <td>
2741
+ <input name="cff_likebox_width" type="text" value="<?php esc_attr_e( $cff_likebox_width, 'custom-facebook-feed' ); ?>" size="3" />
2742
+ <span>px <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default: 340, Min: 280, Max: 500', 'custom-facebook-feed'); ?></i></span>
2743
  </td>
2744
  </tr>
 
 
 
 
 
 
 
 
2745
  </tbody>
2746
  </table>
2747
 
2748
  <?php submit_button(); ?>
2749
+ <span id="css"><!-- Quick link --></span>
2750
  <hr />
2751
+ <h3><?php _e('Custom CSS', 'custom-facebook-feed'); ?></h3>
2752
  <table class="form-table">
2753
  <tbody>
2754
  <tr valign="top">
2755
  <td>
2756
+ <?php _e('Enter your own custom CSS in the box below', 'custom-facebook-feed'); ?>
2757
+ <i style="margin-left: 5px; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank"><?php _e('See some examples', 'custom-facebook-feed'); ?></a></i>
2758
  </td>
2759
  </tr>
2760
+ <tr valign="top" id="js"><!-- Quick link -->
2761
  <td>
2762
+ <textarea name="cff_custom_css" id="cff_custom_css" style="width: 70%;" rows="7"><?php esc_attr_e( $cff_custom_css, 'custom-facebook-feed' ); ?></textarea>
2763
  </td>
2764
  </tr>
2765
  </tbody>
2766
  </table>
2767
+ <h3><?php _e('Custom JavaScript', 'custom-facebook-feed'); ?></h3>
2768
  <table class="form-table">
2769
  <tbody>
2770
  <tr valign="top">
2771
  <td>
2772
+ <?php _e('Enter your own custom JavaScript/jQuery in the box below', 'custom-facebook-feed'); ?>
2773
+ <i style="margin-left: 5px; font-size: 11px;"><a href="https://smashballoon.com/custom-facebook-feed/docs/snippets/" target="_blank"><?php _e('See some examples', 'custom-facebook-feed'); ?></a></i>
2774
  </td>
2775
  </tr>
2776
  <tr valign="top">
2777
  <td>
2778
+ <textarea name="cff_custom_js" id="cff_custom_js" style="width: 70%;" rows="7"><?php esc_attr_e( stripslashes($cff_custom_js), 'custom-facebook-feed' ); ?></textarea>
2779
  </td>
2780
  </tr>
2781
+ <tr id="misc"><!-- Quick link --></tr>
2782
  </tbody>
2783
  </table>
2784
 
2785
 
2786
  <hr />
2787
+ <h3><?php _e('Misc Settings', 'custom-facebook-feed'); ?></h3>
2788
  <table class="form-table">
2789
  <tbody>
2790
  <tr>
2791
+ <th class="bump-left"><label class="bump-left"><?php _e('Is your theme loading the feed via Ajax?', 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> ajax
2792
+ Eg: ajax=true</code></th>
2793
  <td>
2794
  <input name="cff_ajax" type="checkbox" id="cff_ajax" <?php if($cff_ajax_val == true) echo "checked"; ?> />
2795
+ <label for="cff_ajax"><?php _e('Yes', 'custom-facebook-feed'); ?></label>
2796
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
2797
+ <p class="cff-tooltip cff-more-info"><?php _e('Some modern WordPress themes use Ajax to load content into the page after it has loaded. If your theme uses Ajax to load the Custom Facebook Feed content into the page then check this box. If you are not sure then please check with the theme author.', 'custom-facebook-feed'); ?></p>
2798
  </td>
2799
  </tr>
2800
  <tr>
2801
+ <th class="bump-left"><label class="bump-left"><?php _e('Facebook App ID', 'custom-facebook-feed'); ?></label></th>
2802
  <td>
2803
+ <input name="cff_app_id" type="text" value="<?php esc_attr_e( $cff_app_id, 'custom-facebook-feed' ); ?>" size="18" />
2804
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What is this?', 'custom-facebook-feed'); ?></a>
2805
+ <p class="cff-tooltip cff-more-info"><?php _e("If you've registered as a Facebook developer and have an App ID then you can enter it here. You can add your website to your Facebook App by going to your App Settings, clicking 'Add Platform' and then entering your website URL.", 'custom-facebook-feed'); ?></p>
2806
  </td>
2807
  </tr>
2808
  <tr>
2809
+ <th class="bump-left"><label class="bump-left"><?php _e("Preserve settings when plugin is removed", 'custom-facebook-feed'); ?></label></th>
2810
  <td>
2811
  <input name="cff_preserve_settings" type="checkbox" id="cff_preserve_settings" <?php if($cff_preserve_settings_val == true) echo "checked"; ?> />
2812
+ <label for="cff_preserve_settings"><?php _e('Yes', 'custom-facebook-feed'); ?></label>
2813
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
2814
+ <p class="cff-tooltip cff-more-info"><?php _e('When removing the plugin your settings are automatically deleted from your database. Checking this box will prevent any settings from being deleted. This means that you can uninstall and reinstall the plugin without losing your settings.', 'custom-facebook-feed'); ?></p>
2815
  </td>
2816
  </tr>
2817
  <tr>
2818
+ <th class="bump-left"><label class="bump-left"><?php _e("Display credit link", 'custom-facebook-feed'); ?></label><code class="cff_shortcode"> credit
2819
+ Eg: credit=true</code></th>
2820
  <td>
2821
  <input name="cff_show_credit" type="checkbox" id="cff_show_credit" <?php if($cff_show_credit == true) echo "checked"; ?> />
2822
+ <label for="cff_show_credit"><?php _e('Yes', 'custom-facebook-feed'); ?></label>
2823
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Display a link at the bottom of the feed to help promote the plugin', 'custom-facebook-feed'); ?></i>
2824
  </td>
2825
  </tr>
2826
 
2827
  <tr>
2828
+ <th class="bump-left"><label class="bump-left"><?php _e("Icon font source", 'custom-facebook-feed'); ?></label></th>
2829
  <td>
2830
  <select name="cff_font_source">
2831
+ <option value="cdn" <?php if($cff_font_source == "cdn") echo 'selected="selected"' ?> ><?php _e('CDN', 'custom-facebook-feed'); ?></option>
2832
+ <option value="local" <?php if($cff_font_source == "local") echo 'selected="selected"' ?> ><?php _e('Local copy', 'custom-facebook-feed'); ?></option>
2833
+ <option value="none" <?php if($cff_font_source == "none") echo 'selected="selected"' ?> ><?php _e("Don't load", 'custom-facebook-feed'); ?></option>
2834
  </select>
2835
  </td>
2836
  </tr>
2837
 
2838
  <tr>
2839
  <th class="bump-left">
2840
+ <label class="bump-left"><?php _e("Force cache to clear on interval", 'custom-facebook-feed'); ?></label>
2841
  </th>
2842
  <td>
2843
  <select name="cff_cron">
2844
+ <option value="unset" <?php if($cff_cron == "unset") echo 'selected="selected"' ?> ><?php _e(' - ', 'custom-facebook-feed'); ?></option>
2845
+ <option value="yes" <?php if($cff_cron == "yes") echo 'selected="selected"' ?> ><?php _e('Yes', 'custom-facebook-feed'); ?></option>
2846
+ <option value="no" <?php if($cff_cron == "no") echo 'selected="selected"' ?> ><?php _e('No', 'custom-facebook-feed'); ?></option>
2847
  </select>
2848
 
2849
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this mean?', 'custom-facebook-feed'); ?></a>
2850
+ <p class="cff-tooltip cff-more-info"><?php _e("If you're experiencing an issue with the plugin not auto-updating then you can set this to 'Yes' to run a scheduled event behind the scenes which forces the plugin cache to clear on a regular basis and retrieve new data from Facebook.", 'custom-facebook-feed'); ?></p>
2851
  </td>
2852
  </tr>
2853
+
2854
+ <tr>
2855
+ <th class="bump-left"><label class="bump-left"><?php _e("Request method", 'custom-facebook-feed'); ?></label></th>
2856
+ <td>
2857
+ <select name="cff_request_method">
2858
+ <option value="auto" <?php if($cff_request_method == "auto") echo 'selected="selected"' ?> ><?php _e('Auto', 'custom-facebook-feed'); ?></option>
2859
+ <option value="1" <?php if($cff_request_method == "1") echo 'selected="selected"' ?> ><?php _e('cURL', 'custom-facebook-feed'); ?></option>
2860
+ <option value="2" <?php if($cff_request_method == "2") echo 'selected="selected"' ?> ><?php _e('file_get_contents', 'custom-facebook-feed'); ?></option>
2861
+ <option value="3" <?php if($cff_request_method == "3") echo 'selected="selected"' ?> ><?php _e("WP_Http", 'custom-facebook-feed'); ?></option>
2862
+ </select>
2863
+ </td>
2864
+ </tr>
2865
+
2866
+ <tr>
2867
+ <th class="bump-left"><label for="cff_disable_styles" class="bump-left"><?php _e("Disable default styles", 'custom-facebook-feed'); ?></label></th>
2868
+ <td>
2869
+ <input name="cff_disable_styles" type="checkbox" id="cff_disable_styles" <?php if($cff_disable_styles == true) echo "checked"; ?> />
2870
+ <label for="cff_disable_styles"><?php _e('Yes', 'custom-facebook-feed'); ?></label>
2871
+ <a class="cff-tooltip-link" href="JavaScript:void(0);"><?php _e('What does this do?', 'custom-facebook-feed'); ?></a>
2872
+ <p class="cff-tooltip cff-more-info"><?php _e("The plugin includes some basic text and link styles which can be disabled by enabling this setting. Note that the styles used for the layout of the posts will still be applied.", 'custom-facebook-feed'); ?></p>
2873
+ </td>
2874
+ </tr>
2875
+
2876
  </tbody>
2877
  </table>
2878
 
2881
  <?php } //End Misc tab ?>
2882
 
2883
 
2884
+ <?php if( $cff_active_tab == 'custom_text' ) { //Start Custom Text tab ?>
2885
+
2886
+ <p class="cff_contents_links">
2887
+ <span>Quick links: </span>
2888
+ <a href="#text">Post Text</a>
2889
+ <a href="#action">Post Action Links</a>
2890
+ <a href="#date">Date</a>
2891
+ </p>
2892
+
2893
  <input type="hidden" name="<?php echo $style_custom_text_hidden_field_name; ?>" value="Y">
2894
  <br />
2895
+ <h3><?php _e('Custom Text / Translate', 'custom-facebook-feed'); ?></h3>
2896
+ <p><?php _e('Enter custom text for the words below, or translate it into the language you would like to use.', 'custom-facebook-feed'); ?></p>
2897
  <table class="form-table cff-translate-table" style="width: 100%; max-width: 940px;">
2898
  <tbody>
2899
 
2900
+ <thead id="text">
2901
  <tr>
2902
+ <th><?php _e('Original Text', 'custom-facebook-feed'); ?></th>
2903
+ <th><?php _e('Custom Text / Translation', 'custom-facebook-feed'); ?></th>
2904
+ <th><?php _e('Context', 'custom-facebook-feed'); ?></th>
2905
  </tr>
2906
  </thead>
2907
 
2908
+ <tr class="cff-table-header"><th colspan="3"><?php _e('Post Text', 'custom-facebook-feed'); ?></th></tr>
2909
  <tr>
2910
+ <td><label for="cff_see_more_text" class="bump-left"><?php _e('See More', 'custom-facebook-feed'); ?></label></td>
2911
  <td><input name="cff_see_more_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_see_more_text ) ); ?>" /></td>
2912
+ <td class="cff-context"><?php _e('Used when truncating the post text', 'custom-facebook-feed'); ?></td>
2913
  </tr>
2914
 
2915
+ <tr id="action"><!-- Quick link -->
2916
+ <td><label for="cff_see_less_text" class="bump-left"><?php _e('See Less', 'custom-facebook-feed'); ?></label></td>
2917
  <td><input name="cff_see_less_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_see_less_text ) ); ?>" /></td>
2918
+ <td class="cff-context"><?php _e('Used when truncating the post text', 'custom-facebook-feed'); ?></td>
2919
  </tr>
2920
 
2921
+ <tr class="cff-table-header"><th colspan="3"><?php _e('Post Action Links', 'custom-facebook-feed'); ?></th></tr>
2922
  <tr>
2923
+ <td><label for="cff_facebook_link_text" class="bump-left"><?php _e('View on Facebook', 'custom-facebook-feed'); ?></label></td>
2924
  <td><input name="cff_facebook_link_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_link_text ) ); ?>" /></td>
2925
+ <td class="cff-context"><?php _e('Used for the link to the post on Facebook', 'custom-facebook-feed'); ?></td>
2926
  </tr>
2927
  <tr>
2928
+ <td><label for="cff_facebook_share_text" class="bump-left"><?php _e('Share', 'custom-facebook-feed'); ?></label></td>
2929
  <td><input name="cff_facebook_share_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_facebook_share_text ) ); ?>" /></td>
2930
+ <td class="cff-context"><?php _e('Used for sharing the Facebook post via Social Media', 'custom-facebook-feed'); ?></td>
2931
  </tr>
2932
 
2933
+ <tr id="date"><!-- Quick link -->
2934
+ <td><label for="cff_translate_photos_text" class="bump-left"><?php _e('photos', 'custom-facebook-feed'); ?></label></td>
2935
  <td><input name="cff_translate_photos_text" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_photos_text ) ); ?>" /></td>
2936
+ <td class="cff-context"><?php _e('Added to the end of an album name. Eg. (6 photos)', 'custom-facebook-feed'); ?></td>
2937
  </tr>
2938
 
2939
+ <tr class="cff-table-header"><th colspan="3"><?php _e('Date', 'custom-facebook-feed'); ?></th></tr>
2940
  <tr>
2941
+ <td><label for="cff_photos_text" class="bump-left"><?php _e('"Posted _ hours ago" text', 'custom-facebook-feed'); ?></label></td>
2942
  <td class="cff-translate-date">
2943
 
2944
+ <label for="cff_translate_second"><?php _e("second", 'custom-facebook-feed'); ?></label>
2945
  <input name="cff_translate_second" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_second ) ); ?>" size="20" />
2946
  <br />
2947
+ <label for="cff_translate_seconds"><?php _e("seconds", 'custom-facebook-feed'); ?></label>
2948
  <input name="cff_translate_seconds" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_seconds ) ); ?>" size="20" />
2949
  <br />
2950
+ <label for="cff_translate_minute"><?php _e("minute", 'custom-facebook-feed'); ?></label>
2951
  <input name="cff_translate_minute" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_minute ) ); ?>" size="20" />
2952
  <br />
2953
+ <label for="cff_translate_minutes"><?php _e("minutes", 'custom-facebook-feed'); ?></label>
2954
  <input name="cff_translate_minutes" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_minutes ) ); ?>" size="20" />
2955
  <br />
2956
+ <label for="cff_translate_hour"><?php _e("hour", 'custom-facebook-feed'); ?></label>
2957
  <input name="cff_translate_hour" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_hour ) ); ?>" size="20" />
2958
  <br />
2959
+ <label for="cff_translate_hours"><?php _e("hours", 'custom-facebook-feed'); ?></label>
2960
  <input name="cff_translate_hours" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_hours ) ); ?>" size="20" />
2961
  <br />
2962
+ <label for="cff_translate_day"><?php _e("day", 'custom-facebook-feed'); ?></label>
2963
  <input name="cff_translate_day" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_day ) ); ?>" size="20" />
2964
  <br />
2965
+ <label for="cff_translate_days"><?php _e("days", 'custom-facebook-feed'); ?></label>
2966
  <input name="cff_translate_days" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_days ) ); ?>" size="20" />
2967
  <br />
2968
+ <label for="cff_translate_week"><?php _e("week", 'custom-facebook-feed'); ?></label>
2969
  <input name="cff_translate_week" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_week ) ); ?>" size="20" />
2970
  <br />
2971
+ <label for="cff_translate_weeks"><?php _e("weeks", 'custom-facebook-feed'); ?></label>
2972
  <input name="cff_translate_weeks" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_weeks ) ); ?>" size="20" />
2973
  <br />
2974
+ <label for="cff_translate_month"><?php _e("month", 'custom-facebook-feed'); ?></label>
2975
  <input name="cff_translate_month" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_month ) ); ?>" size="20" />
2976
  <br />
2977
+ <label for="cff_translate_months"><?php _e("months", 'custom-facebook-feed'); ?></label>
2978
  <input name="cff_translate_months" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_months ) ); ?>" size="20" />
2979
  <br />
2980
+ <label for="cff_translate_year"><?php _e("year", 'custom-facebook-feed'); ?></label>
2981
  <input name="cff_translate_year" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_year ) ); ?>" size="20" />
2982
  <br />
2983
+ <label for="cff_translate_years"><?php _e("years", 'custom-facebook-feed'); ?></label>
2984
  <input name="cff_translate_years" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_years ) ); ?>" size="20" />
2985
  <br />
2986
+ <label for="cff_translate_ago"><?php _e("ago", 'custom-facebook-feed'); ?></label>
2987
  <input name="cff_translate_ago" type="text" value="<?php echo stripslashes( esc_attr( $cff_translate_ago ) ); ?>" size="20" />
2988
  </td>
2989
+ <td class="cff-context"><?php _e('Used to translate the "Posted _ days ago" date text', 'custom-facebook-feed'); ?></td>
2990
  </tr>
2991
 
2992
  </tbody>
2999
  </form>
3000
 
3001
  <hr />
3002
+ <h3><?php _e('Like the plugin? Help spread the word!', 'custom-facebook-feed'); ?></h3>
3003
 
3004
  <!-- TWITTER -->
3005
  <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>
3034
  } //End Style_Page
3035
  //Enqueue admin styles
3036
  function cff_admin_style() {
3037
+ wp_register_style( 'custom_wp_admin_css', plugin_dir_url( __FILE__ ) . 'css/cff-admin-style.css', false, CFFVER );
3038
  wp_enqueue_style( 'custom_wp_admin_css' );
3039
+ wp_enqueue_style( 'cff-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css', array(), '4.5.0' );
3040
  wp_enqueue_style( 'wp-color-picker' );
3041
  }
3042
  add_action( 'admin_enqueue_scripts', 'cff_admin_style' );
3043
  //Enqueue admin scripts
3044
  function cff_admin_scripts() {
3045
+ wp_enqueue_script( 'cff_admin_script', plugin_dir_url( __FILE__ ) . 'js/cff-admin-scripts.js', false, CFFVER );
3046
  if( !wp_script_is('jquery-ui-draggable') ) {
3047
  wp_enqueue_script(
3048
  array(
3067
 
3068
  //modify the link by unshifting the array
3069
  function cff_add_settings_link( $links, $file ) {
3070
+ $cff_settings_link = '<a href="' . admin_url( 'admin.php?page=cff-top' ) . '">' . __( 'Settings', 'cff-top', 'custom-facebook-feed' ) . '</a>';
3071
  array_unshift( $links, $cff_settings_link );
3072
 
3073
  return $links;
custom-facebook-feed.php CHANGED
@@ -3,13 +3,14 @@
3
  Plugin Name: Custom Facebook Feed
4
  Plugin URI: http://smashballoon.com/custom-facebook-feed
5
  Description: Add completely customizable Facebook feeds to your WordPress site
6
- Version: 2.3.10
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
 
10
  */
11
  /*
12
- Copyright 2015 Smash Balloon LLC (email : hey@smashballoon.com)
13
  This program is free software; you can redistribute it and/or modify
14
  it under the terms of the GNU General Public License as published by
15
  the Free Software Foundation; either version 2 of the License, or
@@ -25,7 +26,7 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
25
  //Include admin
26
  include dirname( __FILE__ ) .'/custom-facebook-feed-admin.php';
27
 
28
- define('CFFVER', '2.3.10');
29
 
30
  // Add shortcodes
31
  add_shortcode('custom-facebook-feed', 'display_cff');
@@ -64,6 +65,7 @@ function display_cff($atts) {
64
 
65
  //General
66
  'width' => isset($options[ 'cff_feed_width' ]) ? $options[ 'cff_feed_width' ] : '',
 
67
  'height' => isset($options[ 'cff_feed_height' ]) ? $options[ 'cff_feed_height' ] : '',
68
  'padding' => isset($options[ 'cff_feed_padding' ]) ? $options[ 'cff_feed_padding' ] : '',
69
  'bgcolor' => isset($options[ 'cff_bg_color' ]) ? $options[ 'cff_bg_color' ] : '',
@@ -157,6 +159,7 @@ function display_cff($atts) {
157
 
158
  'credit' => isset($options[ 'cff_show_credit' ]) ? $options[ 'cff_show_credit' ] : '',
159
  'nofollow' => 'true',
 
160
 
161
  //Page Header
162
  'showheader' => isset($options[ 'cff_show_header' ]) ? $options[ 'cff_show_header' ] : '',
@@ -195,6 +198,11 @@ function display_cff($atts) {
195
  $cff_feed_width = $atts[ 'width' ];
196
  if ( is_numeric(substr($cff_feed_width, -1, 1)) ) $cff_feed_width = $cff_feed_width . 'px';
197
 
 
 
 
 
 
198
  $cff_feed_height = $atts[ 'height' ];
199
  if ( is_numeric(substr($cff_feed_height, -1, 1)) ) $cff_feed_height = $cff_feed_height . 'px';
200
 
@@ -699,7 +707,6 @@ function display_cff($atts) {
699
  $like_box = '<div class="cff-likebox';
700
  if ($cff_like_box_outside) $like_box .= ' cff-outside';
701
  $like_box .= ($cff_like_box_position == 'top') ? ' cff-top' : ' cff-bottom';
702
- // $like_box .= '" ' . $cff_likebox_styles . '><script src="https://connect.facebook.net/' . $cff_locale . '/all.js#xfbml=1 '.$cff_like_box_params.'"></script><fb:like-box href="http://www.facebook.com/' . $page_id . '" show_faces="'.$cff_like_box_faces.'" stream="false" header="false" colorscheme="'. $cff_like_box_colorscheme .'" show_border="'. $cff_like_box_border .'" data-height="'.$cff_likebox_height.'"></fb:like-box><div id="fb-root"></div></div>';
703
 
704
  $like_box_page_id = explode(",", str_replace(' ', '', $page_id) );
705
 
@@ -758,11 +765,18 @@ function display_cff($atts) {
758
  $cff_content .= '<div class="cff-wrapper">';
759
  $cff_content .= '<div id="cff" data-char="'.$title_limit.'"';
760
 
 
 
 
 
 
761
  //If there's a class then add it here
762
- if( !empty($cff_class) || !empty($cff_feed_height) ) $cff_content .= ' class="';
763
  if( !empty($cff_class) ) $cff_content .= $cff_class . ' ';
764
  if ( !empty($cff_feed_height) ) $cff_content .= 'cff-fixed-height ';
765
- if( !empty($cff_class) || !empty($cff_feed_height) ) $cff_content .= '"';
 
 
766
 
767
  $cff_content .= ' ' . $cff_feed_styles . '>';
768
 
@@ -895,7 +909,7 @@ function display_cff($atts) {
895
  //ONLY show posts by others
896
  if ( $cff_show_only_others ) {
897
  //Get the numeric ID of the page
898
- $page_object = cff_fetchUrl('https://graph.facebook.com/' . $page_id . '?access_token=' . $access_token);
899
  $page_object = json_decode($page_object);
900
  $numeric_page_id = $page_object->id;
901
 
@@ -1069,6 +1083,7 @@ function display_cff($atts) {
1069
 
1070
  //Which content should we use?
1071
  $cff_post_text_type = '';
 
1072
  //Use the story
1073
  if (!empty($news->story)) {
1074
  $post_text = htmlspecialchars($news->story);
@@ -1228,8 +1243,9 @@ function display_cff($atts) {
1228
  if (!empty($news->description)) {
1229
  $cff_shared_link .= '<div class="cff-text-link ';
1230
  $cff_shared_link .= 'cff-no-image';
 
1231
  //The link title:
1232
- $cff_shared_link .= '"><'.$cff_link_title_format.' class="cff-link-title" '.$cff_link_title_styles.'><a href="'.$link.'" '.$target.$cff_nofollow.' style="color:#' . $cff_link_title_color . ';">'. $news->name . '</a></'.$cff_link_title_format.'>';
1233
  //The link source:
1234
  (!empty($news->caption)) ? $cff_link_caption = $news->caption : $cff_link_caption = '';
1235
  if(!empty($cff_link_caption)) $cff_shared_link .= '<p class="cff-link-caption" style="color:#' . str_replace('#', '', $cff_link_url_color) . ';">'.$cff_link_caption.'</p>';
@@ -1523,21 +1539,30 @@ function display_cff($atts) {
1523
 
1524
  //Get JSON object of feed data
1525
  function cff_fetchUrl($url){
1526
- //Can we use cURL?
1527
- if(is_callable('curl_init')){
1528
- $ch = curl_init();
1529
- curl_setopt($ch, CURLOPT_URL, $url);
1530
- curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
1531
- curl_setopt($ch, CURLOPT_TIMEOUT, 20);
1532
- curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
1533
- curl_setopt($ch, CURLOPT_ENCODING, '');
1534
- $feedData = curl_exec($ch);
1535
- curl_close($ch);
1536
- //If not then use file_get_contents
1537
- } elseif ( (ini_get('allow_url_fopen') == 1 || ini_get('allow_url_fopen') === TRUE ) && in_array('https', stream_get_wrappers()) ) {
1538
- $feedData = @file_get_contents($url);
1539
- //Or else use the WP HTTP API
1540
- } else {
 
 
 
 
 
 
 
 
 
1541
  $request = new WP_Http;
1542
  $response = $request->request($url, array('timeout' => 60, 'sslverify' => false));
1543
  if( is_wp_error( $response ) ) {
@@ -1546,6 +1571,28 @@ function cff_fetchUrl($url){
1546
  } else {
1547
  $feedData = wp_remote_retrieve_body($response);
1548
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1549
  }
1550
 
1551
  return $feedData;
@@ -1920,15 +1967,15 @@ function cff_add_my_stylesheet() {
1920
  $options = get_option('cff_style_settings');
1921
 
1922
  if( !isset( $options[ 'cff_font_source' ] ) ){
1923
- wp_enqueue_style( 'cff-font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', array(), '4.2.0' );
1924
  } else {
1925
 
1926
  if( $options[ 'cff_font_source' ] == 'none' ){
1927
  //Do nothing
1928
  } else if( $options[ 'cff_font_source' ] == 'local' ){
1929
- wp_enqueue_style( 'cff-font-awesome', plugins_url('css/font-awesome.min.css', __FILE__), array(), '4.3.0' );
1930
  } else {
1931
- wp_enqueue_style( 'cff-font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', array(), '4.2.0' );
1932
  }
1933
 
1934
  }
3
  Plugin Name: Custom Facebook Feed
4
  Plugin URI: http://smashballoon.com/custom-facebook-feed
5
  Description: Add completely customizable Facebook feeds to your WordPress site
6
+ Version: 2.4
7
  Author: Smash Balloon
8
  Author URI: http://smashballoon.com/
9
  License: GPLv2 or later
10
+ Text Domain: custom-facebook-feed
11
  */
12
  /*
13
+ Copyright 2016 Smash Balloon LLC (email : hey@smashballoon.com)
14
  This program is free software; you can redistribute it and/or modify
15
  it under the terms of the GNU General Public License as published by
16
  the Free Software Foundation; either version 2 of the License, or
26
  //Include admin
27
  include dirname( __FILE__ ) .'/custom-facebook-feed-admin.php';
28
 
29
+ define('CFFVER', '2.4');
30
 
31
  // Add shortcodes
32
  add_shortcode('custom-facebook-feed', 'display_cff');
65
 
66
  //General
67
  'width' => isset($options[ 'cff_feed_width' ]) ? $options[ 'cff_feed_width' ] : '',
68
+ 'widthresp' => isset($options[ 'cff_feed_width_resp' ]) ? $options[ 'cff_feed_width_resp' ] : '',
69
  'height' => isset($options[ 'cff_feed_height' ]) ? $options[ 'cff_feed_height' ] : '',
70
  'padding' => isset($options[ 'cff_feed_padding' ]) ? $options[ 'cff_feed_padding' ] : '',
71
  'bgcolor' => isset($options[ 'cff_bg_color' ]) ? $options[ 'cff_bg_color' ] : '',
159
 
160
  'credit' => isset($options[ 'cff_show_credit' ]) ? $options[ 'cff_show_credit' ] : '',
161
  'nofollow' => 'true',
162
+ 'disablestyles' => isset($options[ 'cff_disable_styles' ]) ? $options[ 'cff_disable_styles' ] : '',
163
 
164
  //Page Header
165
  'showheader' => isset($options[ 'cff_show_header' ]) ? $options[ 'cff_show_header' ] : '',
198
  $cff_feed_width = $atts[ 'width' ];
199
  if ( is_numeric(substr($cff_feed_width, -1, 1)) ) $cff_feed_width = $cff_feed_width . 'px';
200
 
201
+ //Set to be 100% width on mobile?
202
+ $cff_feed_width_resp = $atts[ 'widthresp' ];
203
+ ( $cff_feed_width_resp == 'on' || $cff_feed_width_resp == 'true' || $cff_feed_width_resp == true ) ? $cff_feed_width_resp = true : $cff_feed_width_resp = false;
204
+ if( $atts[ 'widthresp' ] == 'false' ) $cff_feed_width_resp = false;
205
+
206
  $cff_feed_height = $atts[ 'height' ];
207
  if ( is_numeric(substr($cff_feed_height, -1, 1)) ) $cff_feed_height = $cff_feed_height . 'px';
208
 
707
  $like_box = '<div class="cff-likebox';
708
  if ($cff_like_box_outside) $like_box .= ' cff-outside';
709
  $like_box .= ($cff_like_box_position == 'top') ? ' cff-top' : ' cff-bottom';
 
710
 
711
  $like_box_page_id = explode(",", str_replace(' ', '', $page_id) );
712
 
765
  $cff_content .= '<div class="cff-wrapper">';
766
  $cff_content .= '<div id="cff" data-char="'.$title_limit.'"';
767
 
768
+ //Disable default CSS styles?
769
+ $cff_disable_styles = $atts['disablestyles'];
770
+ ( $cff_disable_styles == 'on' || $cff_disable_styles == 'true' || $cff_disable_styles == true ) ? $cff_disable_styles = true : $cff_disable_styles = false;
771
+ if( $atts[ 'disablestyles' ] === 'false' ) $cff_disable_styles = false;
772
+
773
  //If there's a class then add it here
774
+ if( !empty($cff_class) || !empty($cff_feed_height) || !$cff_disable_styles || $cff_feed_width_resp ) $cff_content .= ' class="';
775
  if( !empty($cff_class) ) $cff_content .= $cff_class . ' ';
776
  if ( !empty($cff_feed_height) ) $cff_content .= 'cff-fixed-height ';
777
+ if ( $cff_feed_width_resp ) $cff_content .= 'cff-width-resp ';
778
+ if ( !$cff_disable_styles ) $cff_content .= 'cff-default-styles';
779
+ if( !empty($cff_class) || !empty($cff_feed_height) || !$cff_disable_styles || $cff_feed_width_resp ) $cff_content .= '"';
780
 
781
  $cff_content .= ' ' . $cff_feed_styles . '>';
782
 
909
  //ONLY show posts by others
910
  if ( $cff_show_only_others ) {
911
  //Get the numeric ID of the page
912
+ $page_object = cff_fetchUrl('https://graph.facebook.com/' . $page_id . '?fields=name,id&access_token=' . $access_token);
913
  $page_object = json_decode($page_object);
914
  $numeric_page_id = $page_object->id;
915
 
1083
 
1084
  //Which content should we use?
1085
  $cff_post_text_type = '';
1086
+ $post_text = '';
1087
  //Use the story
1088
  if (!empty($news->story)) {
1089
  $post_text = htmlspecialchars($news->story);
1243
  if (!empty($news->description)) {
1244
  $cff_shared_link .= '<div class="cff-text-link ';
1245
  $cff_shared_link .= 'cff-no-image';
1246
+ $cff_shared_link .= '">';
1247
  //The link title:
1248
+ $cff_shared_link .= '<'.$cff_link_title_format.' class="cff-link-title" '.$cff_link_title_styles.'><a href="'.$link.'" '.$target.$cff_nofollow.' style="color:#' . $cff_link_title_color . ';">'. $news->name . '</a></'.$cff_link_title_format.'>';
1249
  //The link source:
1250
  (!empty($news->caption)) ? $cff_link_caption = $news->caption : $cff_link_caption = '';
1251
  if(!empty($cff_link_caption)) $cff_shared_link .= '<p class="cff-link-caption" style="color:#' . str_replace('#', '', $cff_link_url_color) . ';">'.$cff_link_caption.'</p>';
1539
 
1540
  //Get JSON object of feed data
1541
  function cff_fetchUrl($url){
1542
+
1543
+ //Style options
1544
+ $options = get_option('cff_style_settings');
1545
+ isset( $options['cff_request_method'] ) ? $cff_request_method = $options['cff_request_method'] : $cff_request_method = 'auto';
1546
+
1547
+ if($cff_request_method == '1'){
1548
+ //Use cURL
1549
+ if(is_callable('curl_init')){
1550
+ $ch = curl_init();
1551
+ curl_setopt($ch, CURLOPT_URL, $url);
1552
+ curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
1553
+ curl_setopt($ch, CURLOPT_TIMEOUT, 20);
1554
+ curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
1555
+ curl_setopt($ch, CURLOPT_ENCODING, '');
1556
+ $feedData = curl_exec($ch);
1557
+ curl_close($ch);
1558
+ }
1559
+ } else if($cff_request_method == '2') {
1560
+ //Use file_get_contents
1561
+ if ( (ini_get('allow_url_fopen') == 1 || ini_get('allow_url_fopen') === TRUE ) && in_array('https', stream_get_wrappers()) ){
1562
+ $feedData = @file_get_contents($url);
1563
+ }
1564
+ } else if($cff_request_method == '3'){
1565
+ //Use the WP HTTP API
1566
  $request = new WP_Http;
1567
  $response = $request->request($url, array('timeout' => 60, 'sslverify' => false));
1568
  if( is_wp_error( $response ) ) {
1571
  } else {
1572
  $feedData = wp_remote_retrieve_body($response);
1573
  }
1574
+ } else {
1575
+ //Auto detect
1576
+ if(is_callable('curl_init')){
1577
+ $ch = curl_init();
1578
+ curl_setopt($ch, CURLOPT_URL, $url);
1579
+ curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
1580
+ curl_setopt($ch, CURLOPT_TIMEOUT, 20);
1581
+ curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
1582
+ curl_setopt($ch, CURLOPT_ENCODING, '');
1583
+ $feedData = curl_exec($ch);
1584
+ curl_close($ch);
1585
+ } elseif ( (ini_get('allow_url_fopen') == 1 || ini_get('allow_url_fopen') === TRUE ) && in_array('https', stream_get_wrappers()) ) {
1586
+ $feedData = @file_get_contents($url);
1587
+ } else {
1588
+ $request = new WP_Http;
1589
+ $response = $request->request($url, array('timeout' => 60, 'sslverify' => false));
1590
+ if( is_wp_error( $response ) ) {
1591
+ $FBdata = null;
1592
+ } else {
1593
+ $feedData = wp_remote_retrieve_body($response);
1594
+ }
1595
+ }
1596
  }
1597
 
1598
  return $feedData;
1967
  $options = get_option('cff_style_settings');
1968
 
1969
  if( !isset( $options[ 'cff_font_source' ] ) ){
1970
+ wp_enqueue_style( 'cff-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css', array(), '4.5.0' );
1971
  } else {
1972
 
1973
  if( $options[ 'cff_font_source' ] == 'none' ){
1974
  //Do nothing
1975
  } else if( $options[ 'cff_font_source' ] == 'local' ){
1976
+ wp_enqueue_style( 'cff-font-awesome', plugins_url('css/font-awesome.min.css', __FILE__), array(), '4.5.0' );
1977
  } else {
1978
+ wp_enqueue_style( 'cff-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css', array(), '4.5.0' );
1979
  }
1980
 
1981
  }
js/cff-admin-scripts.js CHANGED
@@ -1,4 +1,4 @@
1
- jQuery(document).ready(function() {
2
 
3
  //Tooltips
4
  jQuery('#cff-admin .cff-tooltip-link').click(function(){
@@ -88,7 +88,58 @@ jQuery(document).ready(function() {
88
  }
89
  });
90
 
91
- //Add the color picker
92
  if( jQuery('.cff-colorpicker').length > 0 ) jQuery('.cff-colorpicker').wpColorPicker();
93
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  });
1
+ jQuery(document).ready(function($) {
2
 
3
  //Tooltips
4
  jQuery('#cff-admin .cff-tooltip-link').click(function(){
88
  }
89
  });
90
 
91
+ //Add the color picker
92
  if( jQuery('.cff-colorpicker').length > 0 ) jQuery('.cff-colorpicker').wpColorPicker();
93
 
94
+
95
+ //Mobile width
96
+ var cff_feed_width = jQuery('#cff-admin #cff_feed_width').val(),
97
+ $cff_width_options = jQuery('#cff-admin #cff_width_options');
98
+
99
+ if (typeof cff_feed_width !== 'undefined') {
100
+ //Show initially if a width is set
101
+ if(cff_feed_width.length > 1 && cff_feed_width !== '100%') $cff_width_options.show();
102
+
103
+ jQuery('#cff_feed_width').change(function(){
104
+ cff_feed_width = jQuery(this).val();
105
+
106
+ if( cff_feed_width.length < 2 || cff_feed_width == '100%' ) {
107
+ $cff_width_options.slideUp();
108
+ } else {
109
+ $cff_width_options.slideDown();
110
+ }
111
+ });
112
+ }
113
+
114
+ //Scroll to hash for quick links
115
+ jQuery('#cff-admin a[href*=#]:not([href=#])').click(function() {
116
+ if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
117
+ var target = jQuery(this.hash);
118
+ target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
119
+ if (target.length) {
120
+ jQuery('html,body').animate({
121
+ scrollTop: target.offset().top
122
+ }, 500);
123
+ return false;
124
+ }
125
+ }
126
+ });
127
+
128
+ //Shortcode tooltips
129
+ jQuery('#cff-admin label').click(function(){
130
+ var $sbi_shortcode = jQuery(this).siblings('.cff_shortcode');
131
+ if($sbi_shortcode.is(':visible')){
132
+ jQuery(this).siblings('.cff_shortcode').css('display','none');
133
+ } else {
134
+ jQuery(this).siblings('.cff_shortcode').css('display','block');
135
+ }
136
+ });
137
+ jQuery('#cff-admin label').hover(function(){
138
+ if( jQuery(this).siblings('.cff_shortcode').length > 0 ){
139
+ jQuery(this).attr('title', 'Click for shortcode option').append('<code class="cff_shortcode_symbol">[]</code>');
140
+ }
141
+ }, function(){
142
+ jQuery(this).find('.cff_shortcode_symbol').remove();
143
+ });
144
+
145
  });
js/cff-scripts.js CHANGED
@@ -69,7 +69,7 @@ if(!cff_js_exists){
69
  //Link hashtags
70
  var cffTextStr = $self.find('.cff-text').html(),
71
  cffDescStr = $self.find('.cff-post-desc').html(),
72
- regex = /(^|\s)#(\w*[a-z\u00E0-\u00FC一-龠ぁ-ゔァ-ヴー]+\w*)/gi,
73
  // regex = /#(\w*[a-z\u00E0-\u00FC一-龠ぁ-ゔァ-ヴー]+\w*)/gi,
74
  linkcolor = $self.find('.cff-text').attr('data-color');
75
 
69
  //Link hashtags
70
  var cffTextStr = $self.find('.cff-text').html(),
71
  cffDescStr = $self.find('.cff-post-desc').html(),
72
+ regex = /(^|\s)#(\w*[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]+\w*)/gi,
73
  // regex = /#(\w*[a-z\u00E0-\u00FC一-龠ぁ-ゔァ-ヴー]+\w*)/gi,
74
  linkcolor = $self.find('.cff-text').attr('data-color');
75