Instagram Feed - Version 2.0.2

Version Description

  • Fix: HTML for header would still be visible in the source of the page when removing the header using showheader=false in the shortcode
  • Fix: CSS added to prevent layout issues when adding the feed to a "text" widget for certain themes
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Instagram Feed
Version 2.0.2
Comparing to
See all releases

Code changes from version 2.0.1 to 2.0.2

README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: smashballoon, craig-at-smash-balloon
3
Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
Requires at least: 3.4
5
Tested up to: 5.2
6
- Stable tag: 2.0.1
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -324,6 +324,10 @@ We understand that sometimes you need help, have issues or just have questions.
324
* Plus more customization options added all the time!
325
326
== Changelog ==
327
= 2.0.1 =
328
* Tweak: Force cache of major caching plugins to clear when updating plugin to avoid issues with previous CSS/JavaScript files being cached
329
* Tweak: Added version number to the end of JavaScript and CSS files to clear browser caches that are causing errors
3
Tags: Instagram, Instagram feed, Instagram photos, Instagram widget, Instagram gallery
4
Requires at least: 3.4
5
Tested up to: 5.2
6
+ Stable tag: 2.0.2
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
324
* Plus more customization options added all the time!
325
326
== Changelog ==
327
+ = 2.0.2 =
328
+ * Fix: HTML for header would still be visible in the source of the page when removing the header using showheader=false in the shortcode
329
+ * Fix: CSS added to prevent layout issues when adding the feed to a "text" widget for certain themes
330
+
331
= 2.0.1 =
332
* Tweak: Force cache of major caching plugins to clear when updating plugin to avoid issues with previous CSS/JavaScript files being cached
333
* Tweak: Added version number to the end of JavaScript and CSS files to clear browser caches that are causing errors
css/sb-instagram-2-0-2.css ADDED
@@ -0,0 +1,740 @@
1
+ /**************/
2
+ /*** LAYOUT ***/
3
+ /**************/
4
+
5
+ /* Feed container */
6
+ #sb_instagram {
7
+ width: 100%;
8
+ margin: 0 auto;
9
+ padding: 0;
10
+ -webkit-box-sizing: border-box;
11
+ -moz-box-sizing: border-box;
12
+ box-sizing: border-box;
13
+ }
14
+ #sb_instagram:after{
15
+ content: "";
16
+ display: table;
17
+ clear: both;
18
+ }
19
+
20
+ /*********************/
21
+ /*** STYLE OPTIONS ***/
22
+ /*********************/
23
+ #sb_instagram.sbi_fixed_height{
24
+ overflow: hidden;
25
+ overflow-y: auto;
26
+ -webkit-box-sizing: border-box;
27
+ -moz-box-sizing: border-box;
28
+ box-sizing: border-box;
29
+ }
30
+ #sb_instagram #sbi_images{
31
+ width: 100%;
32
+ float: left;
33
+ line-height: 0;
34
+
35
+ -webkit-box-sizing: border-box;
36
+ -moz-box-sizing: border-box;
37
+ box-sizing: border-box;
38
+ }
39
+
40
+ /* Items */
41
+ #sb_instagram #sbi_images .sbi_item{
42
+ display: -moz-inline-stack;
43
+ display: inline-block;
44
+ float: left;
45
+ vertical-align: top;
46
+ zoom: 1;
47
+ *display: inline;
48
+
49
+ max-height: 1000px;
50
+ padding: inherit !important;
51
+ margin: 0 !important;
52
+ text-decoration: none;
53
+ opacity: 1;
54
+ overflow: hidden;
55
+
56
+ -webkit-box-sizing: border-box;
57
+ -moz-box-sizing: border-box;
58
+ box-sizing: border-box;
59
+
60
+ -webkit-transition: all 0.5s ease;
61
+ -moz-transition: all 0.5s ease;
62
+ -o-transition: all 0.5s ease;
63
+ -ms-transition: all 0.5s ease;
64
+ transition: all 0.5s ease;
65
+ }
66
+ /* Transition items in */
67
+ #sb_instagram #sbi_images .sbi_item.sbi_transition{
68
+ opacity: 0;
69
+ max-height: 0;
70
+ }
71
+
72
+ /* Cols */
73
+ #sb_instagram.sbi_col_1 #sbi_images .sbi_item{ width: 100%; }
74
+ #sb_instagram.sbi_col_2 #sbi_images .sbi_item{ width: 50%; }
75
+ #sb_instagram.sbi_col_3 #sbi_images .sbi_item{ width: 33.33%; }
76
+ #sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 25%; }
77
+ #sb_instagram.sbi_col_5 #sbi_images .sbi_item{ width: 20%; }
78
+ #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 16.66%; }
79
+ #sb_instagram.sbi_col_7 #sbi_images .sbi_item{ width: 14.28%; }
80
+ #sb_instagram.sbi_col_8 #sbi_images .sbi_item{ width: 12.5%; }
81
+ #sb_instagram.sbi_col_9 #sbi_images .sbi_item{ width: 11.11%; }
82
+ #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 10%; }
83
+
84
+ /* Disable mobile layout */
85
+ #sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{ width: 100%; }
86
+ #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{ width: 50%; }
87
+ #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{ width: 33.33%; }
88
+ #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{ width: 25%; }
89
+ #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{ width: 20%; }
90
+ #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{ width: 16.66%; }
91
+ #sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{ width: 14.28%; }
92
+ #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{ width: 12.5%; }
93
+ #sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{ width: 11.11%; }
94
+ #sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{ width: 10%; }
95
+
96
+ /* Photos */
97
+ #sb_instagram .sbi_photo_wrap{
98
+ position: relative;
99
+ }
100
+ #sb_instagram .sbi_photo{
101
+ display: block;
102
+ text-decoration: none;
103
+ }
104
+ #sb_instagram .sbi_photo img{
105
+ width: 100%;
106
+ height: auto;
107
+ }
108
+ #sb_instagram .sbi_no_js img{
109
+ display: none;
110
+ }
111
+ #sb_instagram a,
112
+ #sb_instagram a:hover,
113
+ #sb_instagram a:focus,
114
+ #sb_instagram a:active{
115
+ outline: none;
116
+ }
117
+ #sb_instagram img{
118
+ display: block;
119
+ padding: 0 !important;
120
+ margin: 0 !important;
121
+ max-width: 100% !important;
122
+ opacity: 1 !important;
123
+ }
124
+ #sb_instagram .sbi_link{
125
+ display: none;
126
+ position: absolute;
127
+ bottom: 0;
128
+ right: 0;
129
+
130
+ width: 100%;
131
+ padding: 10px 0;
132
+ background: rgba(0,0,0,0.5);
133
+ text-align: center;
134
+ color: #fff;
135
+ font-size: 12px;
136
+ line-height: 1.1;
137
+ }
138
+ #sb_instagram .sbi_link a{
139
+ padding: 0 6px;
140
+ text-decoration: none;
141
+ color: #fff;
142
+ font-size: 12px;
143
+ line-height: 1.1;
144
+
145
+ display: -moz-inline-stack;
146
+ display: inline-block;
147
+ vertical-align: top;
148
+ zoom: 1;
149
+ *display: inline;
150
+ }
151
+ #sb_instagram .sbi_link .sbi_lightbox_link{
152
+ padding-bottom: 5px;
153
+ }
154
+ #sb_instagram .sbi_link a:hover,
155
+ #sb_instagram .sbi_link a:focus{
156
+ text-decoration: underline;
157
+ }
158
+ #sb_instagram .sbi_photo_wrap:hover .sbi_link,
159
+ #sb_instagram .sbi_photo_wrap:focus .sbi_link{
160
+ display: block;
161
+ }
162
+
163
+ /* Videos */
164
+ #sb_instagram svg:not(:root).svg-inline--fa {
165
+ height: 1em;
166
+ }
167
+
168
+ #sb_instagram .sbi_type_video .sbi_playbtn,
169
+ #sb_instagram .sbi_type_carousel .sbi_playbtn,
170
+ .sbi_type_carousel .fa-clone,
171
+ #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
172
+ #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{
173
+ display: block !important;
174
+ position: absolute;
175
+ z-index: 1;
176
+
177
+ color: #fff;
178
+ color: rgba(255,255,255,0.9);
179
+ font-style: normal !important;
180
+ text-shadow: 0 0 8px rgba(0,0,0,0.8);
181
+ }
182
+ #sb_instagram .sbi_type_video .sbi_playbtn,
183
+ #sb_instagram .sbi_type_carousel .sbi_playbtn {
184
+ z-index: 2;
185
+ top: 50%;
186
+ left: 50%;
187
+ margin-top: -24px;
188
+ margin-left: -19px;
189
+ padding: 0;
190
+ font-size: 48px;
191
+ }
192
+ #sb_instagram .sbi_type_carousel .fa-clone{
193
+ right: 12px;
194
+ top: 12px;
195
+ font-size: 24px;
196
+ text-shadow: 0 0 8px rgba(0,0,0,0.3);
197
+ }
198
+ .sbi_type_carousel svg.fa-clone,
199
+ #sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
200
+ #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{
201
+ -webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
202
+ filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );
203
+ }
204
+
205
+ /* Loader */
206
+ #sb_instagram .sbi_loader{
207
+ width: 20px;
208
+ height: 20px;
209
+
210
+ position: relative;
211
+ top: 50%;
212
+ left: 50%;
213
+ margin: -10px 0 0 -10px;
214
+ background-color: #000;
215
+ background-color: rgba(0,0,0,0.5);
216
+
217
+ border-radius: 100%;
218
+ -webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
219
+ animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
220
+ }
221
+ #sb_instagram br {
222
+ display: none;
223
+ }
224
+ #sbi_load p {
225
+ display: inline;
226
+ padding: 0;
227
+ margin: 0;
228
+ }
229
+ /* Loader in button */
230
+ #sb_instagram #sbi_load .sbi_loader{
231
+ position: absolute;
232
+ margin-top: -11px;
233
+ background-color: #fff;
234
+ opacity: 1;
235
+ }
236
+ @-webkit-keyframes sbi-sk-scaleout {
237
+ 0% { -webkit-transform: scale(0) }
238
+ 100% {
239
+ -webkit-transform: scale(1.0);
240
+ opacity: 0;
241
+ }
242
+ }
243
+ @keyframes sbi-sk-scaleout {
244
+ 0% {
245
+ -webkit-transform: scale(0);
246
+ -ms-transform: scale(0);
247
+ transform: scale(0);
248
+ } 100% {
249
+ -webkit-transform: scale(1.0);
250
+ -ms-transform: scale(1.0);
251
+ transform: scale(1.0);
252
+ opacity: 0;
253
+ }
254
+ }
255
+
256
+ #sb_instagram .fa-spin,
257
+ #sbi_lightbox .fa-spin{
258
+ -webkit-animation: fa-spin 2s infinite linear;
259
+ animation: fa-spin 2s infinite linear
260
+ }
261
+
262
+ #sb_instagram .fa-pulse,
263
+ #sbi_lightbox .fa-pulse{
264
+ -webkit-animation: fa-spin 1s infinite steps(8);
265
+ animation: fa-spin 1s infinite steps(8)
266
+ }
267
+
268
+ @-webkit-keyframes fa-spin {
269
+ 0% {
270
+ -webkit-transform: rotate(0deg);
271
+ transform: rotate(0deg)
272
+ }
273
+ 100% {
274
+ -webkit-transform: rotate(359deg);
275
+ transform: rotate(359deg)
276
+ }
277
+ }
278
+
279
+ @keyframes fa-spin {
280
+ 0% {
281
+ -webkit-transform: rotate(0deg);
282
+ transform: rotate(0deg)
283
+ }
284
+ 100% {
285
+ -webkit-transform: rotate(359deg);
286
+ transform: rotate(359deg)
287
+ }
288
+ }
289
+ /* Screen reader */
290
+ .sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;}
291
+
292
+ /* HEADER */
293
+ #sb_instagram .sb_instagram_header{
294
+ float: left;
295
+ clear: both;
296
+ margin: 0 0 15px 0;
297
+ padding: 0;
298
+ line-height: 1.2;
299
+ width: 100%;
300
+ }
301
+ #sb_instagram .sb_instagram_header a{
302
+ float: left;
303
+ display: block;
304
+ /*width: 100%;*/
305
+ min-width: 100%\9;
306
+ text-decoration: none;
307
+ transition: color 0.5s ease;
308
+ }
309
+ /** Medium Header */
310
+ /* Only use medium & large headers on devices above 480px */
311
+ @media all and (min-width: 480px){
312
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img {
313
+ width: 80px;
314
+ height: 80px;
315
+ border-radius: 40px;
316
+ }
317
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
318
+ width: 80px;
319
+ height: 80px;
320
+ border-radius: 40px;
321
+ }
322
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
323
+ font-size: 20px;
324
+ }
325
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
326
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
327
+ font-size: 14px;
328
+ }
329
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,
330
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
331
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{
332
+ margin-left: 95px !important;
333
+ line-height: 1.4
334
+ }
335
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{
336
+ margin-right: -85px !important;
337
+ }
338
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{
339
+ margin-top: 4px !important;
340
+ }
341
+ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{
342
+ padding-top: 20px !important;
343
+ }
344
+ /** Large Header */
345
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img {
346
+ width: 120px;
347
+ height: 120px;
348
+ border-radius: 60px;
349
+ }
350
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img {
351
+ width: 120px;
352
+ height: 120px;
353
+ border-radius: 60px;
354
+ }
355
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
356
+ font-size: 28px;
357
+ }
358
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
359
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
360
+ font-size: 16px;
361
+ }
362
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,
363
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
364
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{
365
+ margin-left: 140px !important;
366
+ line-height: 1.5;
367
+ }
368
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{
369
+ margin-right: -120px !important;
370
+ }
371
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{
372
+ margin-top: 12px !important;
373
+ }
374
+ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{
375
+ padding-top: 32px !important;
376
+ }
377
+ }
378
+
379
+ /* Header profile pic */
380
+ #sb_instagram .sb_instagram_header .sbi_header_img{
381
+ float: left;
382
+ position: relative;
383
+ width: 50px;
384
+ margin: 0 0 0 -100% !important;
385
+ overflow: hidden;
386
+
387
+ -moz-border-radius: 40px;
388
+ -webkit-border-radius: 40px;
389
+ border-radius: 40px;
390
+ }
391
+ #sb_instagram .sb_instagram_header .sbi_header_img img{
392
+ float: left;
393
+ margin: 0 !important;
394
+ padding: 0 !important;
395
+ border: none !important;
396
+
397
+ -moz-border-radius: 40px;
398
+ -webkit-border-radius: 40px;
399
+ border-radius: 40px;
400
+ }
401
+ /* Profile pic hover */
402
+ /* Profile pic hover */
403
+ #sb_instagram .sb_instagram_header .sbi_header_img_hover{
404
+ opacity: 0;
405
+ position: absolute;
406
+ width: 100%;
407
+ top: 0;
408
+ bottom: 0;
409
+ left: 0;
410
+ text-align: center;
411
+ color: #fff;
412
+ background: rgba(0,0,0,0.75);
413
+ }
414
+
415
+ #sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{
416
+ position: absolute;
417
+ top: 50%;
418
+ left: 50%;
419
+ margin-top: -12px;
420
+ margin-left: -12px;
421
+ width: 24px;
422
+ height: 24px;
423
+ font-size: 24px;
424
+ }
425
+ #sb_instagram .sb_instagram_header .sbi_header_img_hover i {
426
+ overflow: hidden;
427
+ background: url('../img/small-logo.png') no-repeat 0 0;
428
+ }
429
+ #sb_instagram .sb_instagram_header .sbi_header_img_hover{
430
+ z-index: 2;
431
+ transition: opacity 0.4s ease-in-out;
432
+ }
433
+ #sb_instagram .sb_instagram_header .sbi_fade_in{
434
+ opacity: 1;
435
+ transition: opacity 0.2s ease-in-out;
436
+ }
437
+ #sb_instagram .sb_instagram_header .sbi_header_img_hover{
438
+ position: absolute;
439
+ width: 100%;
440
+ top: 0;
441
+ bottom: 0;
442
+ left: 0;
443
+ text-align: center;
444
+ color: #fff;
445
+ background: rgba(0,0,0,0.75);
446
+
447
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
448
+ filter: alpha(opacity=0);
449
+ -moz-opacity: 0;
450
+ -khtml-opacity: 0;
451
+ opacity: 0;
452
+ border-radius: 40px;
453
+ transition: opacity 0.2s;
454
+ }
455
+ /* Fade the Instagram icon in when hovering on the header */
456
+ #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,
457
+ #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{
458
+ opacity: 1;
459
+ }
460
+ /* Header text */
461
+ #sb_instagram .sb_instagram_header .sbi_header_text{
462
+ float: left;
463
+ width: 100%;
464
+ padding-top: 5px;
465
+ }
466
+ #sb_instagram .sb_instagram_header a{
467
+ text-decoration: none;
468
+ }
469
+ #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,
470
+ #sb_instagram .sb_instagram_header .sbi_header_text h3{
471
+ float: left;
472
+ clear: both;
473
+ width: auto;
474
+ margin: 0 0 0 60px !important;
475
+ padding: 0 !important;
476
+ }
477
+ #sb_instagram .sb_instagram_header h3{
478
+ font-size: 16px;
479
+ line-height: 1.3;
480
+ }
481
+ #sb_instagram .sb_instagram_header p{
482
+ font-size: 13px;
483
+ line-height: 1.3;
484
+ margin: 0;
485
+ padding: 0;
486
+ }
487
+ #sb_instagram p:empty { display: none; }
488
+ #sb_instagram .sb_instagram_header .sbi_header_text img.emoji{
489
+ margin-right: 3px !important;
490
+ }
491
+
492
+ /* No bio */
493
+ #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{
494
+ padding-top: 9px !important;
495
+ }
496
+ #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{
497
+ clear: both;
498
+ }
499
+
500
+
501
+ /* Buttons */
502
+ #sb_instagram #sbi_load{
503
+ float: left;
504
+ clear: both;
505
+ width: 100%;
506
+ text-align: center;
507
+ }
508
+ #sb_instagram #sbi_load .fa-spinner{
509
+ display: none;
510
+ position: absolute;
511
+ top: 50%;
512
+ left: 50%;
513
+ margin: -8px 0 0 -7px;
514
+ font-size: 15px;
515
+ }
516
+ #sb_instagram #sbi_load{
517
+ opacity: 1;
518
+ transition: all 0.5s ease-in;
519
+ }
520
+ #sb_instagram .sbi_load_btn .sbi_btn_text, #sb_instagram .sbi_load_btn .sbi_loader{
521
+ opacity: 1;
522
+ transition: all 0.1s ease-in;
523
+ }
524
+ #sb_instagram .sbi_hidden{
525
+ opacity: 0 !important;
526
+ }
527
+ #sb_instagram #sbi_load .sbi_load_btn,
528
+ #sb_instagram .sbi_follow_btn a{
529
+ display: -moz-inline-stack;
530
+ display: inline-block;
531
+ vertical-align: top;
532
+ zoom: 1;
533
+ *display: inline;
534
+
535
+ padding: 7px 14px;
536
+ margin: 5px auto 0 auto;
537
+ background: #333;
538
+ color: #eee;
539
+ border: none;
540
+ color: #fff;
541
+ text-decoration: none;
542
+ font-size: 13px;
543
+ line-height: 1.5;
544
+
545
+ -moz-border-radius: 4px;
546
+ -webkit-border-radius: 4px;
547
+ border-radius: 4px;
548
+
549
+ -webkit-box-sizing: border-box;
550
+ -moz-box-sizing: border-box;
551
+ box-sizing: border-box;
552
+ }
553
+ #sb_instagram #sbi_load .sbi_load_btn {
554
+ position: relative;
555
+ }
556
+ /* Follow button */
557
+ #sb_instagram .sbi_follow_btn{
558
+ display: -moz-inline-stack;
559
+ display: inline-block;
560
+ vertical-align: top;
561
+ zoom: 1;
562
+ *display: inline;
563
+ text-align: center;
564
+ }
565
+ #sb_instagram .sbi_follow_btn.sbi_top{
566
+ display: block;
567
+ margin-bottom: 5px;
568
+ }
569
+ #sb_instagram .sbi_follow_btn a{
570
+ background: #408bd1;
571
+ color: #fff;
572
+ }
573
+ #sb_instagram .sbi_follow_btn a,
574
+ #sb_instagram .sbi_follow_btn a,
575
+ #sb_instagram #sbi_load .sbi_load_btn{
576
+ transition: all 0.1s ease-in;
577
+ }
578
+ /* Hover state for default colors */
579
+ #sb_instagram #sbi_load .sbi_load_btn:hover{
580
+ outline: none;
581
+ box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25);
582
+ }
583
+ #sb_instagram .sbi_follow_btn a:hover,
584
+ #sb_instagram .sbi_follow_btn a:focus{
585
+ outline: none;
586
+ box-shadow: inset 0 0 10px 20px #359dff;
587
+ }
588
+ /* If a custom color is applied then just use opacity for the hover effect */
589
+ #sb_instagram .sbi_follow_btn.sbi_custom a:hover,
590
+ #sb_instagram .sbi_follow_btn.sbi_custom a:focus,
591
+ #sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{
592
+ box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.15);
593
+ }
594
+ /* Active state */
595
+ #sb_instagram .sbi_follow_btn a:active,
596
+ #sb_instagram #sbi_load .sbi_load_btn:active{
597
+ box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3);
598
+ }
599
+
600
+ #sb_instagram .sbi_follow_btn .fa,
601
+ #sb_instagram .sbi_follow_btn svg{
602
+ margin-bottom: -1px;
603
+ margin-right: 7px;
604
+ font-size: 15px;
605
+ }
606
+ #sb_instagram .sbi_follow_btn svg{
607
+ vertical-align: -.125em;
608
+ }
609
+ #sb_instagram #sbi_load .sbi_follow_btn{
610
+ margin-left: 5px;
611
+ }
612
+
613
+ /* Error messages */
614
+ #sb_instagram .sb_instagram_error{
615
+ width: 100%;
616
+ text-align: center;
617
+ line-height: 1.4;
618
+ }
619
+
620
+ /* Mod only error msgs */
621
+ #sbi_mod_error{
622
+ display: none;
623
+ border: 1px solid #ddd;
624
+ background: #eee;
625
+ color: #333;
626
+ margin: 10px 0 0;
627
+ padding: 10px 15px;
628
+ font-size: 13px;
629
+ text-align: center;
630
+ clear: both;
631
+
632
+ -moz-border-radius: 4px;
633
+ -webkit-border-radius: 4px;
634
+ border-radius: 4px;
635
+ }
636
+ #sbi_mod_error p{
637
+ padding: 5px 0 !important;
638
+ margin: 0 !important;
639
+ line-height: 1.3 !important;
640
+ }
641
+ #sbi_mod_error ol,
642
+ #sbi_mod_error ul{
643
+ padding: 5px 0 5px 20px !important;
644
+ margin: 0 !important;
645
+ }
646
+ #sbi_mod_error li{
647
+ padding: 1px 0 !important;
648
+ margin: 0 !important;
649
+ }
650
+ #sbi_mod_error span{
651
+ font-size: 12px;
652
+ }
653
+
654
+ /* Medium */
655
+ #sb_instagram.sbi_medium .sbi_playbtn,
656
+ #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{
657
+ margin-top: -12px;
658
+ margin-left: -9px;
659
+ font-size: 23px;
660
+ }
661
+ #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{
662
+ right: 8px;
663
+ top: 8px;
664
+ font-size: 18px;
665
+ }
666
+ /* Small */
667
+ #sb_instagram.sbi_small .sbi_playbtn,
668
+ #sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{
669
+ margin-top: -9px;
670
+ margin-left: -7px;
671
+ font-size: 18px;
672
+ }
673
+ #sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{
674
+ right: 5px;
675
+ top: 5px;
676
+ font-size: 12px;
677
+ }
678
+
679
+ /* Media queries */
680
+ @media all and (max-width: 640px){
681
+ /* Make 3-6 cols into 2 col */
682
+ #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
683
+ #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
684
+ #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
685
+ #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
686
+ width: 50%;
687
+ }
688
+ /* Make 7-10 cols into 4 col */
689
+ #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
690
+ #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
691
+ #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
692
+ #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
693
+ width: 25%;
694
+ }
695
+ /* On mobile make the min-width 100% */
696
+ #sb_instagram.sbi_width_resp{
697
+ width: 100% !important;
698
+ }
699
+ }
700
+ @media all and (max-width: 480px){
701
+ /* Make all cols into 1 col */
702
+ #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
703
+ #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
704
+ #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
705
+ #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
706
+ #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
707
+ #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
708
+ #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
709
+ #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
710
+ width: 100%;
711
+ }
712
+ }
713
+
714
+ /* NO JS */
715
+ #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{
716
+ box-sizing: border-box;
717
+ position: relative;
718
+ overflow: hidden;
719
+ }
720
+ #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {
721
+ content: "";
722
+ display: block;
723
+ padding-top: 100%;
724
+ z-index: -300;
725
+ }
726
+ #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {
727
+ position: absolute;
728
+ top: 0;
729
+ left: 0;
730
+ bottom: 0;
731
+ right: 0;
732
+ }
733
+ #sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition {
734
+ opacity: 1;
735
+ max-height: 640px;
736
+ }
737
+ #sb_instagram.sbi_no_js .sbi_photo img,
738
+ #sb_instagram.sbi_no_js .sbi_load_btn{
739
+ display: none;
740
+ }
css/sb-instagram-2-0-2.min.css ADDED
@@ -0,0 +1 @@
1
+ #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;*display:inline;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:hover,#sb_instagram a:focus,#sb_instagram a:active{outline:none}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:hover,#sb_instagram .sbi_link a:focus{text-decoration:underline}#sb_instagram .sbi_photo_wrap:hover .sbi_link,#sb_instagram .sbi_photo_wrap:focus .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn,.sbi_type_carousel .fa-clone,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}.sbi_type_carousel svg.fa-clone,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1.0s infinite ease-in-out;animation:sbi-sk-scaleout 1.0s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .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)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;min-width:100%\9;text-decoration:none;transition:color 0.5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity 0.4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity 0.2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity 0.2s}#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all 0.5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all 0.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram .sbi_follow_btn a,#sb_instagram .sbi_follow_btn a,#sb_instagram #sbi_load .sbi_load_btn{transition:all 0.1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:none;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:hover,#sb_instagram .sbi_follow_btn a:focus{outline:none;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram .sbi_follow_btn.sbi_custom a:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram .sbi_follow_btn a:active,#sb_instagram #sbi_load .sbi_load_btn:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_playbtn,#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_playbtn,#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_photo img,#sb_instagram.sbi_no_js .sbi_load_btn{display:none}
css/sb-instagram.css CHANGED
@@ -41,6 +41,7 @@
41
#sb_instagram #sbi_images .sbi_item{
42
display: -moz-inline-stack;
43
display: inline-block;
44
vertical-align: top;
45
zoom: 1;
46
*display: inline;
@@ -217,6 +218,14 @@
217
-webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
218
animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
219
}
220
/* Loader in button */
221
#sb_instagram #sbi_load .sbi_loader{
222
position: absolute;
@@ -472,7 +481,10 @@
472
#sb_instagram .sb_instagram_header p{
473
font-size: 13px;
474
line-height: 1.3;
475
}
476
#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{
477
margin-right: 3px !important;
478
}
41
#sb_instagram #sbi_images .sbi_item{
42
display: -moz-inline-stack;
43
display: inline-block;
44
+ float: left;
45
vertical-align: top;
46
zoom: 1;
47
*display: inline;
218
-webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
219
animation: sbi-sk-scaleout 1.0s infinite ease-in-out;
220
}
221
+ #sb_instagram br {
222
+ display: none;
223
+ }
224
+ #sbi_load p {
225
+ display: inline;
226
+ padding: 0;
227
+ margin: 0;
228
+ }
229
/* Loader in button */
230
#sb_instagram #sbi_load .sbi_loader{
231
position: absolute;
481
#sb_instagram .sb_instagram_header p{
482
font-size: 13px;
483
line-height: 1.3;
484
+ margin: 0;
485
+ padding: 0;
486
}
487
+ #sb_instagram p:empty { display: none; }
488
#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{
489
margin-right: 3px !important;
490
}
css/sb-instagram.min.css CHANGED
@@ -1 +1 @@
1
- #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) );filter:drop-shadow( 0 0 2px rgba(0,0,0,.4) )}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1s infinite ease-in-out;animation:sbi-sk-scaleout 1s infinite ease-in-out}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .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(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;text-decoration:none;transition:color .5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all .5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all .1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all .1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram .sbi_follow_btn.sbi_custom a:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}
1
+ #sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;float:left;vertical-align:top;zoom:1;*display:inline;max-height:1000px;padding:inherit!important;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0;max-height:0}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:hover,#sb_instagram a:focus,#sb_instagram a:active{outline:none}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:hover,#sb_instagram .sbi_link a:focus{text-decoration:underline}#sb_instagram .sbi_photo_wrap:hover .sbi_link,#sb_instagram .sbi_photo_wrap:focus .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn,.sbi_type_carousel .fa-clone,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play{display:block!important;position:absolute;z-index:1;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_carousel .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}.sbi_type_carousel svg.fa-clone,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:sbi-sk-scaleout 1.0s infinite ease-in-out;animation:sbi-sk-scaleout 1.0s infinite ease-in-out}#sb_instagram br{display:none}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}#sb_instagram .fa-pulse,#sbi_lightbox .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)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px 0;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;min-width:100%\9;text-decoration:none;transition:color 0.5s ease}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:40px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{margin-left:95px!important;line-height:1.4}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right:-85px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top:4px!important}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top:20px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:60px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{font-size:16px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{margin-left:140px!important;line-height:1.5}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right:-120px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top:12px!important}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top:32px!important}}#sb_instagram .sb_instagram_header .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden;background:url(../img/small-logo.png) no-repeat 0 0}#sb_instagram .sb_instagram_header .sbi_header_img_hover{z-index:2;transition:opacity 0.4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity 0.2s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity 0.2s}#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top:9px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load{opacity:1;transition:all 0.5s ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all 0.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:7px 14px;margin:5px auto 0 auto;background:#333;color:#eee;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram .sbi_follow_btn a,#sb_instagram .sbi_follow_btn a,#sb_instagram #sbi_load .sbi_load_btn{transition:all 0.1s ease-in}#sb_instagram #sbi_load .sbi_load_btn:hover{outline:none;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:hover,#sb_instagram .sbi_follow_btn a:focus{outline:none;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram .sbi_follow_btn.sbi_custom a:hover,#sb_instagram .sbi_follow_btn.sbi_custom a:focus,#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{box-shadow:inset 0 0 20px 20px rgba(255,255,255,.15)}#sb_instagram .sbi_follow_btn a:active,#sb_instagram #sbi_load .sbi_load_btn:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_playbtn,#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_playbtn,#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item,#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:100%}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1;max-height:640px}#sb_instagram.sbi_no_js .sbi_photo img,#sb_instagram.sbi_no_js .sbi_load_btn{display:none}
inc/class-sb-instagram-settings.php CHANGED
@@ -110,6 +110,9 @@ class SB_Instagram_Settings {
110
if ( isset( $atts['showbio'] ) && $atts['showbio'] === 'false' ) {
111
$this->settings['showbio'] = false;
112
}
113
$this->settings['disable_resize'] = isset( $db['sb_instagram_disable_resize'] ) && ($db['sb_instagram_disable_resize'] === 'on');
114
$this->settings['favor_local'] = isset( $db['sb_instagram_favor_local'] ) && ($db['sb_instagram_favor_local'] === 'on');
115
$this->settings['backup_cache_enabled'] = ! isset( $db['sb_instagram_backup'] ) || ($db['sb_instagram_backup'] === 'on');
110
if ( isset( $atts['showbio'] ) && $atts['showbio'] === 'false' ) {
111
$this->settings['showbio'] = false;
112
}
113
+ if ( isset( $atts['showheader'] ) && $atts['showheader'] === 'false' ) {
114
+ $this->settings['showheader'] = false;
115
+ }
116
$this->settings['disable_resize'] = isset( $db['sb_instagram_disable_resize'] ) && ($db['sb_instagram_disable_resize'] === 'on');
117
$this->settings['favor_local'] = isset( $db['sb_instagram_favor_local'] ) && ($db['sb_instagram_favor_local'] === 'on');
118
$this->settings['backup_cache_enabled'] = ! isset( $db['sb_instagram_backup'] ) || ($db['sb_instagram_backup'] === 'on');
inc/if-functions.php CHANGED
@@ -774,9 +774,9 @@ function sb_instagram_scripts_enqueue() {
774
}
775
776
if ( isset( $sb_instagram_settings['enqueue_css_in_shortcode'] ) && $sb_instagram_settings['enqueue_css_in_shortcode'] ) {
777
- wp_register_style( 'sb_instagram_styles', trailingslashit( SBI_PLUGIN_URL ) . 'css/sb-instagram-2-0-1.min.css', array(), SBIVER );
778
} else {
779
- wp_enqueue_style( 'sb_instagram_styles', trailingslashit( SBI_PLUGIN_URL ) . 'css/sb-instagram-2-0-1.min.css', array(), SBIVER );
780
}
781
782
$font_method = isset( $sb_instagram_settings['sbi_font_method'] ) ? $sb_instagram_settings['sbi_font_method'] : 'svg';
774
}
775
776
if ( isset( $sb_instagram_settings['enqueue_css_in_shortcode'] ) && $sb_instagram_settings['enqueue_css_in_shortcode'] ) {
777
+ wp_register_style( 'sb_instagram_styles', trailingslashit( SBI_PLUGIN_URL ) . 'css/sb-instagram-2-0-2.min.css', array(), SBIVER );
778
} else {
779
+ wp_enqueue_style( 'sb_instagram_styles', trailingslashit( SBI_PLUGIN_URL ) . 'css/sb-instagram-2-0-2.min.css', array(), SBIVER );
780
}
781
782
$font_method = isset( $sb_instagram_settings['sbi_font_method'] ) ? $sb_instagram_settings['sbi_font_method'] : 'svg';
instagram-feed.php CHANGED
@@ -3,7 +3,7 @@
3
Plugin Name: Smash Balloon Instagram Feed
4
Plugin URI: https://smashballoon.com/instagram-feed
5
Description: Display beautifully clean, customizable, and responsive Instagram feeds.
6
- Version: 2.0.1
7
Author: Smash Balloon
8
Author URI: https://smashballoon.com/
9
License: GPLv2 or later
@@ -23,7 +23,7 @@ along with this program; if not, write to the Free Software
23
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
24
*/
25
if ( ! defined( 'SBIVER' ) ) {
26
- define( 'SBIVER', '2.0.1' );
27
}
28
// Db version.
29
if ( ! defined( 'SBI_DBVERSION' ) ) {
3
Plugin Name: Smash Balloon Instagram Feed
4
Plugin URI: https://smashballoon.com/instagram-feed
5
Description: Display beautifully clean, customizable, and responsive Instagram feeds.
6
+ Version: 2.0.2
7
Author: Smash Balloon
8
Author URI: https://smashballoon.com/
9
License: GPLv2 or later
23
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
24
*/
25
if ( ! defined( 'SBIVER' ) ) {
26
+ define( 'SBIVER', '2.0.2' );
27
}
28
// Db version.
29
if ( ! defined( 'SBI_DBVERSION' ) ) {
templates/footer.php CHANGED
@@ -31,13 +31,8 @@ $load_button_text = __( $settings['buttontext'], 'instagram-feed' );
31
<?php endif; ?>
32
33
<?php if ( $first_username && $show_follow_button ) : ?>
34
- <span class="sbi_follow_btn<?php echo esc_attr( $follow_btn_classes ); ?>">
35
- <a href="<?php echo esc_url( 'https://www.instagram.com/' . $first_username ); ?>" <?php echo $follow_btn_style; ?> target="_blank" rel="noopener">
36
- <?php
37
- echo SB_Instagram_Display_Elements::get_icon( 'instagram', $icon_type );
38
- echo esc_html( $follow_button_text );
39
- ?>
40
- </a>
41
</span>
42
<?php endif; ?>
43
31
<?php endif; ?>
32
33
<?php if ( $first_username && $show_follow_button ) : ?>
34
+ <span class="sbi_follow_btn<?php echo esc_attr( $follow_btn_classes ); ?>">
35
+ <a href="<?php echo esc_url( 'https://www.instagram.com/' . $first_username ); ?>" <?php echo $follow_btn_style; ?> target="_blank" rel="noopener"><?php echo SB_Instagram_Display_Elements::get_icon( 'instagram', $icon_type );echo esc_html( $follow_button_text ); ?></a>
36
</span>
37
<?php endif; ?>
38