Kiwi Social Share – Social Media Share Buttons & Icons - Version 2.0.4

Version Description

  • Removed box shadow in the admin window
  • Changed how URLS are encoded for text
  • WhatsApp icon visibility is now handled with CSS ( wp_is_mobile function would not work on websites with cache )
Download this release

Release Info

Developer machothemes
Plugin Icon wp plugin Kiwi Social Share – Social Media Share Buttons & Icons
Version 2.0.4
Comparing to
See all releases

Code changes from version 2.0.3 to 2.0.4

assets/css/admin.css CHANGED
@@ -6,28 +6,33 @@
6
padding: 20px;
7
margin-bottom: 10px;
8
font-family: 'Open Sans';
9
- position: relative; }
10
- #sl-kiwi a:focus {
11
- box-shadow: none;
12
- -webkit-box-shadow: none; }
13
- #sl-kiwi .overlay {
14
- position: absolute;
15
- top: 20px;
16
- bottom: 102px;
17
- left: 20px;
18
- right: 20px;
19
- -webkit-transition: all .3s;
20
- transition: all .3s;
21
- z-index: 9999;
22
- text-align: center;
23
- padding-top: 250px; }
24
- #sl-kiwi .overlay.active {
25
- -webkit-transition: all .4s;
26
- transition: all .4s;
27
- background: rgba(255, 255, 255, 0.97); }
28
- #sl-kiwi .overlay img {
29
- position: relative;
30
- top: -72px; }
31
32
.kiwi-notification-popup {
33
width: 100%;
@@ -40,19 +45,23 @@
40
color: #fff;
41
display: none;
42
position: relative;
43
- z-index: 10; }
44
- .kiwi-notification-popup .button {
45
- float: right;
46
- position: relative;
47
- bottom: 5px; }
48
49
.kiwi-utility-bar {
50
position: absolute;
51
top: 20px;
52
right: -25px;
53
- display: none; }
54
- .kiwi-utility-bar > input {
55
- position: fixed; }
56
57
.sl-kiwi-content {
58
background: #fff;
@@ -63,27 +72,31 @@
63
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
64
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
65
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
66
- padding: 10px 30px; }
67
- .sl-kiwi-content input[type="text"], .sl-kiwi-content input[type="email"], .sl-kiwi-content input[type="url"] {
68
- width: 330px;
69
- height: 32px;
70
- -webkit-border-radius: 3px;
71
- -moz-border-radius: 3px;
72
- border-radius: 3px;
73
- background-color: #fff;
74
- -webkit-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
75
- -moz-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
76
- box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
77
- padding-left: 10px;
78
- margin-top: 5px;
79
- border: 1px solid #f2f2f2; }
80
81
.sl-kiwi-content > div {
82
padding-bottom: 50px;
83
- display: none; }
84
85
.sl-kiwi-content > div.epsilon-tab-active {
86
- display: block; }
87
88
.sl-kiwi-dragdrop .suggestions {
89
font-size: 32px;
@@ -105,17 +118,8 @@
105
/* IE 10+ */
106
user-select: none;
107
/* Likely future */
108
- cursor: default; }
109
-
110
- .sl-kiwi-dragdrop:before {
111
- position: absolute;
112
- top: -1px;
113
- left: 120px;
114
- right: 120px;
115
- height: 1px;
116
- content: " ";
117
- box-shadow: 0 -70px 80px 35px rgba(0, 0, 0, 0.3);
118
- z-index: 1; }
119
120
.sl-kiwi-dragdrop {
121
height: 220px;
@@ -133,15 +137,18 @@
133
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
134
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
135
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
136
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7)); }
137
138
.sl-kiwi-dragdrop > div {
139
padding: 85px 25px 0 25px;
140
- text-align: center; }
141
142
.sl-kiwi-dragdrop ul {
143
line-height: 30px;
144
- vertical-align: top; }
145
146
.sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] {
147
position: absolute;
@@ -149,38 +156,46 @@
149
right: 0;
150
z-index: -1;
151
transition: all .3s;
152
- opacity: 0; }
153
- .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li {
154
- display: block;
155
- margin: 0;
156
- padding: 0; }
157
- .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li a {
158
- display: block;
159
- height: 40px;
160
- line-height: 40px;
161
- padding: 0 5px;
162
- min-width: 40px;
163
- transition: all .3s;
164
- -webkit-box-shadow: none;
165
- box-shadow: none;
166
- font-size: 16px;
167
- box-sizing: border-box;
168
- position: relative;
169
- z-index: 1; }
170
- .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li.sl-kiwi-dragdrop-placeholder:before {
171
- width: 40px; }
172
- .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"].pill li {
173
- margin-bottom: 2px; }
174
- .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"].pill li a {
175
- border-radius: 25px; }
176
177
#sl-kiwi .sl-kiwi-item-add {
178
- margin-right: 5px; }
179
180
#sl-kiwi .sl-kiwi-item-remove {
181
max-width: 0;
182
margin-right: 0;
183
- display: none; }
184
185
.sl-kiwi-dragdrop-placeholder:before {
186
border: 1px dashed #ccc;
@@ -192,7 +207,8 @@
192
right: 0;
193
height: 100%;
194
content: " ";
195
- display: block; }
196
197
.sl-kiwi-dragdrop-placeholder {
198
position: relative;
@@ -200,35 +216,43 @@
200
padding: 0 5px;
201
min-width: 90px;
202
background: transparent;
203
- vertical-align: top; }
204
205
.sl-kiwi-dragdrop ul.pill a {
206
- border-radius: 15px; }
207
208
.sl-kiwi-dragdrop ul.leaf a {
209
- border-radius: 12px 0 12px 0; }
210
211
.sl-kiwi-dragdrop ul.shift a {
212
-ms-transform: skewX(-15deg);
213
-webkit-transform: skewX(-15deg);
214
- transform: skewX(-15deg); }
215
216
.sl-kiwi-dragdrop ul.shift span {
217
-ms-transform: skewX(15deg);
218
-webkit-transform: skewX(15deg);
219
transform: skewX(15deg);
220
- display: block; }
221
222
.sl-kiwi-dragdrop ul.pill .sl-kiwi-dragdrop-placeholder:before {
223
- border-radius: 15px; }
224
225
.sl-kiwi-dragdrop ul.leaf .sl-kiwi-dragdrop-placeholder:before {
226
- border-radius: 12px 0 12px 0; }
227
228
.sl-kiwi-dragdrop ul.shift .sl-kiwi-dragdrop-placeholder:before {
229
-ms-transform: skewX(-15deg);
230
-webkit-transform: skewX(-15deg);
231
- transform: skewX(-15deg); }
232
233
.sl-kiwi-dragdrop li {
234
list-style-type: none;
@@ -236,16 +260,19 @@
236
overflow: hidden;
237
margin-right: 5px;
238
display: inline-block;
239
- padding: 0 5px; }
240
241
.sl-kiwi-dragdrop li.ui-sortable-helper a {
242
transition: box-shadow .3s;
243
-webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
244
-moz-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
245
- box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1); }
246
247
.sl-kiwi-dragdrop li a:hover {
248
- text-decoration: none; }
249
250
.sl-kiwi-dragdrop li a {
251
display: block;
@@ -253,69 +280,85 @@
253
line-height: 30px;
254
padding: 0 5px;
255
min-width: 90px;
256
- transition: all .3s; }
257
258
.sl-kiwi-networks {
259
margin-bottom: 40px;
260
- position: relative; }
261
- .sl-kiwi-networks .epsilon-ui-locked {
262
- position: absolute;
263
- right: -15px;
264
- width: 35px;
265
- height: 35px;
266
- line-height: 35px;
267
- top: 12px;
268
- text-align: center; }
269
270
ul[data-style="fit"] {
271
display: table;
272
- width: 100%; }
273
- ul[data-style="fit"] li {
274
- display: table-cell;
275
- padding: 0;
276
- overflow: initial; }
277
- ul[data-style="fit"].leaf a {
278
- width: 100%; }
279
- ul[data-style="fit"].leaf li:last-of-type a {
280
- width: 100%; }
281
- ul[data-style="fit"].pill {
282
- flex-wrap: nowrap;
283
- display: flex;
284
- margin-left: 20px;
285
- width: auto; }
286
- ul[data-style="fit"].pill .sl-kiwi-item-add {
287
- margin: 0;
288
- flex: 1; }
289
- ul[data-style="fit"].pill .sl-kiwi-item-add a {
290
- padding: 0;
291
- display: block;
292
- width: 100%;
293
- padding-left: 26px;
294
- margin-left: -26px; }
295
- ul[data-style="fit"].pill .sl-kiwi-item-add span {
296
- margin-right: 26px; }
297
298
.sl-kiwi-tab-socialIdentity label, .sl-kiwi-tab-registration label {
299
display: block;
300
color: #808080;
301
- margin-bottom: 5px; }
302
.sl-kiwi-tab-socialIdentity input[type="text"], .sl-kiwi-tab-registration input[type="text"] {
303
padding: 5px;
304
- margin-bottom: 15px; }
305
.sl-kiwi-tab-socialIdentity .kiwi-registration-action, .sl-kiwi-tab-registration .kiwi-registration-action {
306
- height: 30px; }
307
308
[class*="sl-kiwi-tab-"] h2 {
309
font-size: 22px;
310
color: #585858;
311
font-weight: 300;
312
- height: 50px; }
313
314
.sl-kiwi-networks h2 > span {
315
width: 65%;
316
display: block;
317
float: left;
318
- background: transparent; }
319
320
.sl-kiwi-networks h2 span + span {
321
width: 17.5%;
@@ -324,15 +367,18 @@ ul[data-style="fit"] {
324
background: transparent;
325
text-align: center;
326
font-size: 14px;
327
- color: #959696; }
328
329
.sl-kiwi-networks em {
330
- font-style: normal; }
331
332
.sl-kiwi-networks ul {
333
border-top: 1px solid #F5F5F5;
334
padding: 0;
335
- margin: 0 10px; }
336
337
.sl-kiwi-networks li {
338
height: 39px;
@@ -341,10 +387,12 @@ ul[data-style="fit"] {
341
line-height: 35px;
342
padding-left: 20px;
343
position: relative;
344
- margin-bottom: 0; }
345
346
.sl-kiwi-networks li:hover {
347
- background: #FBFBFB; }
348
349
.sl-kiwi-networks li > span {
350
width: 65%;
@@ -352,12 +400,14 @@ ul[data-style="fit"] {
352
float: left;
353
background: transparent;
354
color: #555555;
355
- font-size: 13px; }
356
357
.sl-kiwi-networks li span + span {
358
width: 17.5%;
359
background: transparent;
360
- text-align: center; }
361
362
.sl-kiwi-networks span > strong {
363
height: 24px;
@@ -368,129 +418,161 @@ ul[data-style="fit"] {
368
text-align: center;
369
border-radius: 2px;
370
margin-right: 5px;
371
- background: #D4D4D4; }
372
373
.sl-kiwi-networks span > strong i {
374
font-size: 16px;
375
- line-height: 24px; }
376
377
.sl-kiwi-networks.kiwi-styles {
378
- /*background:#FBFBFB;*/ }
379
380
.sl-kiwi-networks.kiwi-styles h2 span + span {
381
- width: 16%; }
382
383
.sl-kiwi-networks.kiwi-styles h2 span:nth-last-of-type(-n+3) + span:nth-last-of-type(-n+3),
384
.sl-kiwi-networks.kiwi-styles h2 span:nth-last-of-type(-n+2) + span:nth-last-of-type(-n+2) {
385
- width: 8%; }
386
387
.sl-kiwi-networks.kiwi-styles h2 strong.goleft {
388
position: relative;
389
- right: 5px; }
390
391
.sl-kiwi-networks.kiwi-styles h2 > span {
392
width: 20%;
393
- text-align: left; }
394
395
.sl-kiwi-networks.kiwi-styles li span + span {
396
width: 16%;
397
- text-align: left; }
398
399
.sl-kiwi-networks.kiwi-styles li span:nth-last-of-type(-n+3) + span:nth-last-of-type(-n+3),
400
.sl-kiwi-networks.kiwi-styles li span:nth-last-of-type(-n+2) + span:nth-last-of-type(-n+2) {
401
- width: 8%; }
402
403
.sl-kiwi-networks.kiwi-styles li > span {
404
- width: 20%; }
405
406
#sl-kiwi .kiwi-nw-twitter {
407
background: #4EAEF8;
408
- color: #fff; }
409
410
#sl-kiwi .kiwi-nw-whatsapp {
411
background: #0DC143;
412
- color: #fff; }
413
414
#sl-kiwi .kiwi-nw-telegram {
415
background: #179CDE;
416
- color: #fff; }
417
418
#sl-kiwi .kiwi-nw-skype {
419
background: #009EE5;
420
- color: #fff; }
421
422
#sl-kiwi .kiwi-nw-youtube-play, #sl-kiwi .kiwi-nw-youtube {
423
background: #E62117;
424
- color: #fff; }
425
426
#sl-kiwi .kiwi-nw-facebook {
427
background: #3B5998;
428
- color: #fff; }
429
430
#sl-kiwi .kiwi-nw-google-plus {
431
background: #DB4437;
432
- color: #fff; }
433
434
#sl-kiwi .kiwi-nw-pinterest {
435
background: #BD081C;
436
- color: #fff; }
437
438
#sl-kiwi .kiwi-nw-linkedin {
439
background: #1A85BC;
440
- color: #fff; }
441
442
#sl-kiwi .kiwi-nw-reddit {
443
background: #FF4500;
444
- color: #fff; }
445
446
#sl-kiwi .kiwi-nw-envelope, #sl-kiwi .kiwi-nw-email {
447
background: #4D9159;
448
- color: #fff; }
449
450
.sl-kiwi-opt-group {
451
min-height: 100px;
452
background: transparent;
453
padding: 30px 0;
454
- border-bottom: 1px solid #F5F5F5; }
455
- .sl-kiwi-opt-group:last-of-type {
456
- border-bottom: none; }
457
- .sl-kiwi-opt-group .bottom-color-option {
458
- clear: both; }
459
460
.sl-kiwi-inner-opt {
461
- padding-left: 70px; }
462
463
.sl-kiwi-opt-group .left {
464
- float: left; }
465
466
.sl-kiwi-opt-group .right {
467
- float: right; }
468
469
.sl-kiwi-opt-toggle {
470
background: transparent;
471
width: 70px;
472
float: left;
473
- padding-top: 10px; }
474
475
.sl-kiwi-opt-description {
476
float: left;
477
background: transparent;
478
min-height: 60px;
479
- position: relative; }
480
481
.sl-kiwi-opt-description h4 {
482
font-size: 18px;
483
margin: 0;
484
- line-height: 18px; }
485
486
.sl-kiwi-opt-description h5 {
487
font-size: 16px;
488
margin: 0;
489
- line-height: 18px; }
490
491
.sl-kiwi-opt-description p {
492
font-size: 14px;
493
- margin: 0; }
494
495
.epsilon-ui-locked {
496
display: inline-block;
@@ -498,7 +580,8 @@ ul[data-style="fit"] {
498
width: 20px;
499
height: 20px;
500
cursor: pointer;
501
- vertical-align: middle; }
502
503
.epsilon-ui-locked i {
504
font-size: 12px;
@@ -506,17 +589,20 @@ ul[data-style="fit"] {
506
text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
507
line-height: 16px;
508
background: #F05A25;
509
- cursor: pointer; }
510
511
.epsilon-ui-locked i.dashicons, .dashicons-before::before {
512
width: 17px;
513
height: 17px;
514
border-radius: 10px;
515
text-align: center;
516
- vertical-align: top; }
517
518
.sl-kiwi-opt-space-sm {
519
- padding-top: 15px; }
520
521
.clearfix:after {
522
clear: both;
@@ -524,7 +610,8 @@ ul[data-style="fit"] {
524
display: block;
525
height: 0;
526
line-height: 0;
527
- visibility: hidden; }
528
529
.kiwi-modal {
530
position: fixed;
@@ -537,162 +624,192 @@ ul[data-style="fit"] {
537
overflow: hidden;
538
-webkit-overflow-scrolling: touch;
539
outline: 0;
540
- background: rgba(0, 0, 0, 0.7); }
541
- .kiwi-modal .close-modal {
542
- width: 25px;
543
- height: 25px;
544
- color: #FF3424;
545
- position: absolute;
546
- text-align: center;
547
- line-height: 25px;
548
- font-size: 17px;
549
- right: 7px;
550
- top: 7px;
551
- cursor: pointer; }
552
- .kiwi-modal .kiwi-modal-content {
553
- position: relative;
554
- width: 900px;
555
- -webkit-border-radius: 10px;
556
- -moz-border-radius: 10px;
557
- border-radius: 10px;
558
- background-image: -webkit-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
559
- background-image: -moz-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
560
- background-image: -o-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
561
- background-image: -ms-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
562
- background-image: linear-gradient(to top, #fff 25%, #f2f3f4 90%);
563
- -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
564
- -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
565
- box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
566
- margin: 8% auto; }
567
- .kiwi-modal.fade {
568
- opacity: 0;
569
- -webkit-transition: opacity .15s linear;
570
- -o-transition: opacity .15s linear;
571
- transition: opacity .15s linear; }
572
- .kiwi-modal.fade .kiwi-modal-content {
573
- -webkit-transition: -webkit-transform .3s ease-out;
574
- -o-transition: -o-transform .3s ease-out;
575
- transition: transform .3s ease-out;
576
- -webkit-transform: translate(0, -25%);
577
- -ms-transform: translate(0, -25%);
578
- -o-transform: translate(0, -25%);
579
- transform: translate(0, -25%); }
580
- .kiwi-modal.fade.in {
581
- opacity: 1; }
582
- .kiwi-modal.fade.in .kiwi-modal-content {
583
- -webkit-transform: translate(0, 0);
584
- -ms-transform: translate(0, 0);
585
- -o-transform: translate(0, 0);
586
- transform: translate(0, 0); }
587
- .kiwi-modal #page-two {
588
- display: none; }
589
- .kiwi-modal .button-modal {
590
- width: 100%;
591
- height: 45px;
592
- -webkit-border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
593
- -moz-border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
594
- border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
595
- background-color: #ff3d2e;
596
- color: #fff;
597
- display: inline-block;
598
- line-height: 45px;
599
- margin: 30px auto;
600
- text-align: center; }
601
- .kiwi-modal .button-modal:hover, .kiwi-modal .button-modal:focus {
602
- text-decoration: none;
603
- color: #fff;
604
- background-color: #ff3424; }
605
- .kiwi-modal .modal-header {
606
- padding-top: 40px;
607
- padding-bottom: 40px;
608
- text-align: center;
609
- background-image: url("../img/back-wavy.png");
610
- background-size: cover;
611
- background-position: center;
612
- -webkit-border-top-left-radius: 10px;
613
- -moz-border-top-left-radius: 10px;
614
- border-top-left-radius: 10px;
615
- -webkit-border-top-right-radius: 10px;
616
- -moz-border-top-right-radius: 10px;
617
- border-top-right-radius: 10px; }
618
- .kiwi-modal .modal-header .modal-header-content {
619
- width: 475px;
620
- margin: 0 auto; }
621
- .kiwi-modal .modal-title {
622
- font-family: 'Open Sans';
623
- font-size: 28px;
624
- font-weight: 800;
625
- color: #333; }
626
- .kiwi-modal .modal-subtitle {
627
- font-family: "Open Sans";
628
- font-size: 14px;
629
- color: #8c8c8c; }
630
- .kiwi-modal .price-box {
631
- margin-top: 40px; }
632
- .kiwi-modal .price-box .price {
633
- font-family: "Open Sans";
634
- font-weight: bold;
635
- color: #333;
636
- font-size: 60px;
637
- display: block; }
638
- .kiwi-modal .price-box .price .currency {
639
- font-size: 45px; }
640
- .kiwi-modal .price-box .price small {
641
- font-size: 15px; }
642
- .kiwi-modal .price-box .button-modal {
643
- width: 150px; }
644
- .kiwi-modal .modal-footer {
645
- margin: 0 auto;
646
- margin-top: 60px;
647
- padding-bottom: 60px;
648
- width: 475px; }
649
- .kiwi-modal .modal-footer a {
650
- color: #639fb1;
651
- font-family: 'Open Sans';
652
- font-size: 14px;
653
- display: inline-block;
654
- margin-bottom: 15px; }
655
- .kiwi-modal .modal-footer .muted {
656
- font-size: 12px;
657
- font-family: 'Open Sans';
658
- color: #8c8c8c; }
659
- .kiwi-modal .modal-content {
660
- width: 310px;
661
- margin: 0 auto; }
662
- .kiwi-modal .modal-content.form .radio-label {
663
- margin-top: 40px;
664
- display: block;
665
- color: #808080;
666
- font-family: 'Open Sans'; }
667
- .kiwi-modal .modal-content.form > .ui-radio-inline {
668
- margin-top: 15px !important; }
669
- .kiwi-modal .modal-content.form .clearfix {
670
- margin-top: 30px; }
671
- .kiwi-modal .modal-content.form .clearfix .half {
672
- width: 50%;
673
- float: left;
674
- padding-right: 15px;
675
- box-sizing: border-box; }
676
- .kiwi-modal .modal-content.form .clearfix .half:last-of-type {
677
- padding-left: 15px;
678
- padding-right: 0; }
679
- .kiwi-modal .modal-content.form .clearfix input {
680
- width: 100%;
681
- height: 32px;
682
- -webkit-border-radius: 3px;
683
- -moz-border-radius: 3px;
684
- border-radius: 3px;
685
- border: none;
686
- background-color: #fff;
687
- -webkit-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
688
- -moz-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
689
- box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
690
- padding-left: 5px;
691
- margin-top: 5px; }
692
- .kiwi-modal .modal-content.form .clearfix label {
693
- display: block;
694
- color: #808080;
695
- font-family: 'Open Sans'; }
696
697
/* ==========================================================================
698
=Epsilon Elements
@@ -702,11 +819,13 @@ ul[data-style="fit"] {
702
margin-top: -36px;
703
overflow: hidden;
704
position: relative;
705
- z-index: 10; }
706
707
.epsilon-ui-tabs ul {
708
height: 36px;
709
- margin-left: 30px; }
710
711
.epsilon-ui-tabs li {
712
height: 36px;
@@ -715,52 +834,64 @@ ul[data-style="fit"] {
715
background: #E8E8E8;
716
list-style-type: none;
717
line-height: 36px;
718
- text-align: center; }
719
720
.epsilon-ui-tabs li.selected {
721
background: #fff;
722
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02);
723
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02);
724
- box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02); }
725
726
.epsilon-ui-tabs .selected a:hover {
727
- background: #fff; }
728
729
.epsilon-ui-tabs a {
730
display: block;
731
line-height: 36px;
732
color: #666666;
733
padding: 0 10px;
734
- min-width: 80px; }
735
736
.epsilon-ui-tabs i {
737
vertical-align: middle;
738
- font-size: 16px; }
739
740
.epsilon-ui-tabs a:hover {
741
background: #D4D4D4;
742
- text-decoration: none; }
743
744
.epsilon-ui-tabs a:focus {
745
text-decoration: none;
746
outline: 1px dashed #ccc;
747
- outline-offset: -4px; }
748
749
/* Kiwi networks */
750
.sl-kiwi-networks li span {
751
- line-height: 35px; }
752
753
.sl-kiwi-networks li:hover .epsilon-ui-checkbox strong {
754
- border: 1px solid #8AB7C5; }
755
756
.sl-kiwi-networks li:hover .epsilon-ui-checkbox input:checked ~ strong {
757
- border: 1px solid #448092; }
758
759
.sl-kiwi-networks li:hover .epsilon-ui-checkbox input:focus ~ strong {
760
- border: 1px solid #448092; }
761
762
.ui-inline strong {
763
- display: inline-block; }
764
765
/* Epsilon UI - Checkbox */
766
#sl-kiwi label.epsilon-ui-checkbox {
@@ -769,38 +900,45 @@ ul[data-style="fit"] {
769
position: relative;
770
cursor: pointer;
771
margin: 0 35px;
772
- max-width: none; }
773
774
.epsilon-ui-checkbox.ui-checkbox-inline strong {
775
- display: inline-block; }
776
777
#sl-kiwi .epsilon-ui-checkbox.ui-checkbox-inline {
778
display: inline-block;
779
- margin-left: 0; }
780
781
.epsilon-ui-checkbox input {
782
position: absolute;
783
z-index: -1;
784
opacity: 0;
785
left: 0;
786
- top: 0; }
787
788
.epsilon-ui-checkbox input:focus ~ strong {
789
border: 1px solid #448092;
790
outline: 1px dashed #ccc;
791
- outline-offset: 2px; }
792
793
.epsilon-ui-checkbox input:checked ~ strong {
794
background: #fff;
795
border: 1px solid #448092;
796
-webkit-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
797
-moz-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
798
- box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75); }
799
800
.epsilon-ui-checkbox input:disabled ~ strong {
801
background: #1ABC9C;
802
opacity: 0.6;
803
- pointer-events: none; }
804
805
.epsilon-ui-checkbox strong {
806
background: #fff;
@@ -809,11 +947,13 @@ ul[data-style="fit"] {
809
margin: 11px auto auto auto;
810
height: 16px;
811
width: 16px;
812
- transition: all .15s; }
813
814
/* Epsilon UI - Radio input */
815
.epsilon-ui-radio strong {
816
- border-radius: 50%; }
817
818
#sl-kiwi label.epsilon-ui-radio {
819
display: block;
@@ -823,20 +963,24 @@ ul[data-style="fit"] {
823
margin: 0 35px;
824
max-width: none;
825
font-weight: 400;
826
- color: #808080; }
827
828
#sl-kiwi .sl-kiwi-tab-styles label.epsilon-ui-radio {
829
- margin: 0 60px 0 0; }
830
831
.epsilon-ui-radio.ui-radio-inline strong {
832
display: inline-block;
833
margin-right: 5px;
834
position: relative;
835
- top: 3px; }
836
837
#sl-kiwi .epsilon-ui-radio.ui-radio-inline {
838
display: inline-block;
839
- margin-left: 0; }
840
841
.epsilon-ui-radio strong {
842
display: block;
@@ -845,31 +989,36 @@ ul[data-style="fit"] {
845
width: 16px;
846
background: #fff;
847
border: 1px solid #DDDDDD;
848
- transition: all .15s; }
849
850
.epsilon-ui-radio input {
851
position: absolute;
852
z-index: -1;
853
opacity: 0;
854
left: 0;
855
- top: 0; }
856
857
.epsilon-ui-radio input:focus ~ strong {
858
border: 1px solid #448092;
859
outline: 1px dashed #ccc;
860
- outline-offset: 2px; }
861
862
.epsilon-ui-radio input:checked ~ strong {
863
background: #fff;
864
border: 1px solid #448092;
865
-webkit-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
866
-moz-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
867
- box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75); }
868
869
.epsilon-ui-radio input:disabled ~ strong {
870
background: #1ABC9C;
871
opacity: 0.6;
872
- pointer-events: none; }
873
874
/*
875
Epsilon UI - Checklist
@@ -880,7 +1029,8 @@ ul[data-style="fit"] {
880
margin-top: 25px;
881
padding-top: 10px;
882
border-top: 1px solid #ECECEC;
883
- background: #FCFCFC; }
884
885
.epsilon-ui-checklist:before {
886
position: absolute;
@@ -890,7 +1040,8 @@ ul[data-style="fit"] {
890
height: 2px;
891
content: " ";
892
box-shadow: 0 -60px 30px 35px rgba(0, 0, 0, 0.7);
893
- z-index: 1; }
894
895
.epsilon-ui-checklist ul {
896
margin: 0;
@@ -898,22 +1049,26 @@ ul[data-style="fit"] {
898
padding: 0 5px 25px 25px;
899
margin-top: 15px;
900
position: relative;
901
- overflow: hidden; }
902
903
.epsilon-ui-checklist li {
904
margin-bottom: 1px;
905
- height: 35px; }
906
907
.epsilon-ui-checklist li > span {
908
float: left;
909
width: 80%;
910
padding: 10px 0 0 0;
911
- color: #808080; }
912
913
#sl-kiwi .epsilon-ui-checklist li .epsilon-ui-checkbox {
914
float: right;
915
width: 20%;
916
- margin: 0; }
917
918
/*
919
Epsilon - UI Overlay
@@ -922,19 +1077,22 @@ ul[data-style="fit"] {
922
background: #fff;
923
position: absolute;
924
padding: 10px;
925
- opacity: 0; }
926
927
.epsilon-ui-overlay.active {
928
top: -5px;
929
left: -5px;
930
bottom: -5px;
931
right: -5px;
932
- opacity: .6; }
933
934
.epsilon-ui-overlay.active.networks {
935
right: 185px;
936
left: 200px;
937
- top: 35px; }
938
939
/*
940
Epsilon - Color picker
@@ -943,66 +1101,81 @@ ul[data-style="fit"] {
943
line-height: 14px;
944
background: transparent;
945
display: inline-block;
946
- color: #D1D1D1; }
947
- #sl-kiwi .epsilon-ui-color .wp-picker-container {
948
- position: relative; }
949
- #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-picker-holder {
950
- position: absolute;
951
- z-index: 9999; }
952
- #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-picker {
953
- height: 23px;
954
- position: absolute;
955
- top: 6px;
956
- border: none;
957
- color: #D1D1D1; }
958
- #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-picker-clear {
959
- position: relative;
960
- left: 66px;
961
- top: 6px; }
962
- #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-result {
963
- background: transparent;
964
- border: none;
965
- -webkit-border-radius: 0;
966
- border-radius: 0;
967
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
968
- -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
969
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
970
- padding-left: 19px; }
971
- #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-result:after {
972
- background: transparent;
973
- -webkit-border-radius: 0;
974
- border-radius: 0;
975
- content: ''; }
976
977
#sl-kiwi .bottom-color-option .floating-bar-background {
978
width: 350px;
979
- position: relative; }
980
- #sl-kiwi .bottom-color-option .floating-bar-background em {
981
- position: absolute;
982
- left: 44px;
983
- top: 3px;
984
- font-style: normal;
985
- font-size: 13px; }
986
#sl-kiwi .bottom-color-option .wp-picker-container {
987
- width: 350px; }
988
- #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result {
989
- border: none; }
990
- #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:after {
991
- -webkit-border-radius: 0;
992
- border-radius: 0;
993
- content: ''; }
994
- #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:hover, #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:focus {
995
- background: transparent;
996
- border-color: transparent;
997
- color: initial; }
998
- #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-picker {
999
- z-index: 10;
1000
- height: 27px;
1001
- top: -3px; }
1002
- #sl-kiwi .bottom-color-option .wp-picker-container .wp-picker-default {
1003
- z-index: 999;
1004
- left: 100px;
1005
- position: absolute; }
1006
1007
#sl-kiwi .epsilon-ui-color strong {
1008
width: 30px;
@@ -1010,31 +1183,36 @@ ul[data-style="fit"] {
1010
border-radius: 0;
1011
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1012
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1013
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
1014
1015
/*
1016
Epsilon UI- Radio Image
1017
*/
1018
.epsilon-ui-option {
1019
- position: relative; }
1020
1021
.epsilon-ui-option input {
1022
position: absolute;
1023
z-index: -1;
1024
opacity: 0;
1025
left: 0;
1026
- top: 0; }
1027
1028
.epsilon-ui-option label {
1029
width: 100%;
1030
cursor: pointer;
1031
- margin: 0; }
1032
1033
.epsilon-ui-option ul {
1034
list-style-type: none;
1035
height: 90px;
1036
padding: 0;
1037
- margin: 0; }
1038
1039
.epsilon-ui-option li {
1040
width: 80px;
@@ -1042,13 +1220,15 @@ ul[data-style="fit"] {
1042
float: left;
1043
background: #F7FAFB;
1044
text-align: center;
1045
- margin-right: 1px; }
1046
1047
.epsilon-ui-option input + span {
1048
background: #F7FAFB;
1049
display: block;
1050
padding: 14px 15px 0 15px;
1051
- height: 90px; }
1052
1053
.epsilon-ui-option span span {
1054
text-transform: uppercase;
@@ -1060,7 +1240,8 @@ ul[data-style="fit"] {
1060
border-top: 1px solid #fff;
1061
line-height: 24px;
1062
font-weight: normal;
1063
- margin: 15px -15px 0 -15px; }
1064
1065
.epsilon-ui-option strong {
1066
position: relative;
@@ -1078,38 +1259,47 @@ ul[data-style="fit"] {
1078
background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
1079
background-image: -o-linear-gradient(top, #fff, #f6f6f6);
1080
background-image: -ms-linear-gradient(top, #fff, #f6f6f6);
1081
- background-image: linear-gradient(to bottom, #fff, #f6f6f6); }
1082
1083
/*
1084
.epsilon-ui-option input:checked + span > strong { border:2px solid #639FB1; }
1085
*/
1086
.epsilon-ui-option input:focus + span {
1087
outline: 1px dashed #ccc;
1088
- outline-offset: -4px; }
1089
1090
.epsilon-ui-option input:checked + span {
1091
- background: #E8F1F3; }
1092
1093
.epsilon-ui-option input:checked:focus + span {
1094
- background: #E8F1F3; }
1095
1096
.epsilon-ui-option input + span:hover {
1097
- background: #dbe9ec; }
1098
1099
.epsilon-ui-option input:checked:focus + span:hover {
1100
- background: #dbe9ec; }
1101
1102
.epsilon-ui-option input:checked + span > strong:before {
1103
- opacity: 1; }
1104
1105
.epsilon-ui-option input:disabled + span {
1106
background: #FCFCFC;
1107
- opacity: .5; }
1108
1109
.epsilon-ui-option input:disabled:checked + span {
1110
background: #F5F5F5;
1111
border-color: #C4C4C4;
1112
- opacity: 1; }
1113
1114
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em,
1115
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em + em:after,
@@ -1117,7 +1307,8 @@ ul[data-style="fit"] {
1117
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em:after,
1118
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em:before {
1119
background: #CECECE;
1120
- opacity: 1; }
1121
1122
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em,
1123
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em + em:after,
@@ -1125,7 +1316,8 @@ ul[data-style="fit"] {
1125
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em:after,
1126
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em:before {
1127
background: #CECECE;
1128
- opacity: 1; }
1129
1130
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em,
1131
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em + em:after,
@@ -1133,7 +1325,8 @@ ul[data-style="fit"] {
1133
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em:after,
1134
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em:before {
1135
background: #CECECE;
1136
- opacity: 1; }
1137
1138
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em,
1139
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em + em:after,
@@ -1141,10 +1334,12 @@ ul[data-style="fit"] {
1141
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em:after,
1142
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em:before {
1143
background: #CECECE;
1144
- opacity: 1; }
1145
1146
.epsilon-ui-option input:disabled + span > i > strong:before {
1147
- background: #CECECE; }
1148
1149
.epsilon-ui-option .kiwi-ic-left strong:before {
1150
background: #E14D43;
@@ -1155,7 +1350,8 @@ ul[data-style="fit"] {
1155
left: 0;
1156
top: 9px;
1157
display: block;
1158
- position: absolute; }
1159
1160
.epsilon-ui-option .kiwi-ic-right strong:before {
1161
background: #E14D43;
@@ -1166,7 +1362,8 @@ ul[data-style="fit"] {
1166
right: 0;
1167
top: 9px;
1168
display: block;
1169
- position: absolute; }
1170
1171
.epsilon-ui-option .kiwi-ic-bottom strong:before {
1172
background: #E14D43;
@@ -1177,7 +1374,8 @@ ul[data-style="fit"] {
1177
left: 15px;
1178
bottom: 0px;
1179
display: block;
1180
- position: absolute; }
1181
1182
.epsilon-ui-option .kiwi-ic-rect strong:before {
1183
background: #E14D43;
@@ -1188,7 +1386,8 @@ ul[data-style="fit"] {
1188
left: 8px;
1189
top: 10px;
1190
display: block;
1191
- position: absolute; }
1192
1193
.epsilon-ui-option .kiwi-ic-shift strong:before {
1194
background: #E14D43;
@@ -1202,7 +1401,8 @@ ul[data-style="fit"] {
1202
position: absolute;
1203
-ms-transform: skewX(-20deg);
1204
-webkit-transform: skewX(-20deg);
1205
- transform: skewX(-20deg); }
1206
1207
.epsilon-ui-option .kiwi-ic-pill strong:before {
1208
background: #E14D43;
@@ -1214,7 +1414,8 @@ ul[data-style="fit"] {
1214
top: 10px;
1215
display: block;
1216
position: absolute;
1217
- border-radius: 10px; }
1218
1219
.epsilon-ui-option .kiwi-ic-leaf strong:before {
1220
background: #E14D43;
@@ -1226,7 +1427,8 @@ ul[data-style="fit"] {
1226
top: 10px;
1227
display: block;
1228
position: absolute;
1229
- border-radius: 6px 0 6px 0; }
1230
1231
.epsilon-ui-option .kiwi-ic-centered strong:before {
1232
background: #CACACA;
@@ -1237,7 +1439,8 @@ ul[data-style="fit"] {
1237
left: 6px;
1238
top: 7px;
1239
display: block;
1240
- position: absolute; }
1241
1242
.epsilon-ui-option .kiwi-ic-centered strong > em {
1243
background: #CECECE;
@@ -1247,7 +1450,8 @@ ul[data-style="fit"] {
1247
left: 6px;
1248
top: 13px;
1249
display: block;
1250
- position: absolute; }
1251
1252
.epsilon-ui-option .kiwi-ic-centered strong > em:before {
1253
background: #1F4091;
@@ -1258,7 +1462,8 @@ ul[data-style="fit"] {
1258
left: 0;
1259
top: 14px;
1260
display: block;
1261
- position: absolute; }
1262
1263
.epsilon-ui-option .kiwi-ic-centered strong > em:after {
1264
background: #00BFF3;
@@ -1269,7 +1474,8 @@ ul[data-style="fit"] {
1269
left: 14px;
1270
top: 14px;
1271
display: block;
1272
- position: absolute; }
1273
1274
.epsilon-ui-option .kiwi-ic-centered strong > em + em {
1275
background: transparent;
@@ -1280,7 +1486,8 @@ ul[data-style="fit"] {
1280
left: 35px;
1281
top: 13px;
1282
display: block;
1283
- position: absolute; }
1284
1285
.epsilon-ui-option .kiwi-ic-centered strong > em + em:before {
1286
background: #E03D1C;
@@ -1291,10 +1498,12 @@ ul[data-style="fit"] {
1291
left: -1px;
1292
top: 14px;
1293
display: block;
1294
- position: absolute; }
1295
1296
.epsilon-ui-option .kiwi-ic-centered strong > em + em:after {
1297
- content: none; }
1298
1299
.epsilon-ui-option .kiwi-ic-filled strong:before {
1300
background: #CACACA;
@@ -1305,7 +1514,8 @@ ul[data-style="fit"] {
1305
left: 6px;
1306
top: 7px;
1307
display: block;
1308
- position: absolute; }
1309
1310
.epsilon-ui-option .kiwi-ic-filled strong > em {
1311
background: #CECECE;
@@ -1315,7 +1525,8 @@ ul[data-style="fit"] {
1315
left: 6px;
1316
top: 13px;
1317
display: block;
1318
- position: absolute; }
1319
1320
.epsilon-ui-option .kiwi-ic-filled strong > em:before {
1321
background: #1F4091;
@@ -1326,7 +1537,8 @@ ul[data-style="fit"] {
1326
left: 0;
1327
top: 14px;
1328
display: block;
1329
- position: absolute; }
1330
1331
.epsilon-ui-option .kiwi-ic-filled strong > em:after {
1332
background: #00BFF3;
@@ -1337,7 +1549,8 @@ ul[data-style="fit"] {
1337
left: 13px;
1338
top: 14px;
1339
display: block;
1340
- position: absolute; }
1341
1342
.epsilon-ui-option .kiwi-ic-filled strong > em + em {
1343
background: transparent;
@@ -1348,7 +1561,8 @@ ul[data-style="fit"] {
1348
left: 35px;
1349
top: 13px;
1350
display: block;
1351
- position: absolute; }
1352
1353
.epsilon-ui-option .kiwi-ic-filled strong > em + em:before {
1354
background: #E03D1C;
@@ -1359,10 +1573,12 @@ ul[data-style="fit"] {
1359
left: -3px;
1360
top: 14px;
1361
display: block;
1362
- position: absolute; }
1363
1364
.epsilon-ui-option .kiwi-ic-filled strong > em + em:after {
1365
- content: none; }
1366
1367
.epsilon-ui-option .kiwi-ic-posbottom strong:before {
1368
background: #CACACA;
@@ -1373,7 +1589,8 @@ ul[data-style="fit"] {
1373
left: 6px;
1374
top: 7px;
1375
display: block;
1376
- position: absolute; }
1377
1378
.epsilon-ui-option .kiwi-ic-posbottom strong > em {
1379
background: #CECECE;
@@ -1383,7 +1600,8 @@ ul[data-style="fit"] {
1383
left: 6px;
1384
top: 13px;
1385
display: block;
1386
- position: absolute; }
1387
1388
.epsilon-ui-option .kiwi-ic-posbottom strong > em:before {
1389
background: #1F4091;
@@ -1394,7 +1612,8 @@ ul[data-style="fit"] {
1394
left: 0;
1395
top: 13px;
1396
display: block;
1397
- position: absolute; }
1398
1399
.epsilon-ui-option .kiwi-ic-posbottom strong > em:after {
1400
background: #00BFF3;
@@ -1405,7 +1624,8 @@ ul[data-style="fit"] {
1405
left: 7px;
1406
top: 13px;
1407
display: block;
1408
- position: absolute; }
1409
1410
.epsilon-ui-option .kiwi-ic-posbottom strong > em + em {
1411
background: #CECECE;
@@ -1416,7 +1636,8 @@ ul[data-style="fit"] {
1416
left: 35px;
1417
top: 13px;
1418
display: block;
1419
- position: absolute; }
1420
1421
.epsilon-ui-option .kiwi-ic-posbottom strong > em + em:before {
1422
background: #E03D1C;
@@ -1427,7 +1648,8 @@ ul[data-style="fit"] {
1427
left: -15px;
1428
top: 13px;
1429
display: block;
1430
- position: absolute; }
1431
1432
.epsilon-ui-option .kiwi-ic-posbottom strong > em + em:after {
1433
background: #81B636;
@@ -1438,7 +1660,8 @@ ul[data-style="fit"] {
1438
left: -8px;
1439
top: 13px;
1440
display: block;
1441
- position: absolute; }
1442
1443
.epsilon-ui-option .kiwi-ic-posboth strong:before {
1444
background: #CACACA;
@@ -1449,7 +1672,8 @@ ul[data-style="fit"] {
1449
left: 6px;
1450
top: 7px;
1451
display: block;
1452
- position: absolute; }
1453
1454
.epsilon-ui-option .kiwi-ic-posboth strong > em {
1455
background: #CECECE;
@@ -1459,7 +1683,8 @@ ul[data-style="fit"] {
1459
left: 6px;
1460
top: 17px;
1461
display: block;
1462
- position: absolute; }
1463
1464
.epsilon-ui-option .kiwi-ic-posboth strong > em.top:before {
1465
background: #1F4091;
@@ -1470,7 +1695,8 @@ ul[data-style="fit"] {
1470
left: 0;
1471
top: -4px;
1472
display: block;
1473
- position: absolute; }
1474
1475
.epsilon-ui-option .kiwi-ic-posboth strong > em.top:after {
1476
background: #00BFF3;
@@ -1481,7 +1707,8 @@ ul[data-style="fit"] {
1481
left: 7px;
1482
top: -4px;
1483
display: block;
1484
- position: absolute; }
1485
1486
.epsilon-ui-option .kiwi-ic-posboth strong > em.top + em.top {
1487
background: #CECECE;
@@ -1492,7 +1719,8 @@ ul[data-style="fit"] {
1492
left: 35px;
1493
top: 13px;
1494
display: block;
1495
- position: absolute; }
1496
1497
.epsilon-ui-option .kiwi-ic-posboth strong > em.top + em.top:before {
1498
background: #E03D1C;
@@ -1503,7 +1731,8 @@ ul[data-style="fit"] {
1503
left: -15px;
1504
top: 0;
1505
display: block;
1506
- position: absolute; }
1507
1508
.epsilon-ui-option .kiwi-ic-posboth strong > em.top + em.top:after {
1509
background: #81B636;
@@ -1514,7 +1743,8 @@ ul[data-style="fit"] {
1514
left: -8px;
1515
top: 0;
1516
display: block;
1517
- position: absolute; }
1518
1519
.epsilon-ui-option .kiwi-ic-posboth strong > em.bottom:before {
1520
background: #1F4091;
@@ -1525,7 +1755,8 @@ ul[data-style="fit"] {
1525
left: 0;
1526
top: 9px;
1527
display: block;
1528
- position: absolute; }
1529
1530
.epsilon-ui-option .kiwi-ic-posboth strong > em.bottom:after {
1531
background: #00BFF3;
@@ -1536,7 +1767,8 @@ ul[data-style="fit"] {
1536
left: 7px;
1537
top: 9px;
1538
display: block;
1539
- position: absolute; }
1540
1541
.epsilon-ui-option .kiwi-ic-posboth strong > em.bottom + em.bottom {
1542
background: #CECECE;
@@ -1547,7 +1779,8 @@ ul[data-style="fit"] {
1547
left: 35px;
1548
top: 13px;
1549
display: block;
1550
- position: absolute; }
1551
1552
.epsilon-ui-option .kiwi-ic-posboth strong > em.bottom + em.bottom:before {
1553
background: #E03D1C;
@@ -1558,7 +1791,8 @@ ul[data-style="fit"] {
1558
left: -15px;
1559
top: 13px;
1560
display: block;
1561
- position: absolute; }
1562
1563
.epsilon-ui-option .kiwi-ic-posboth strong > em.bottom + em.bottom:after {
1564
background: #81B636;
@@ -1569,7 +1803,8 @@ ul[data-style="fit"] {
1569
left: -8px;
1570
top: 13px;
1571
display: block;
1572
- position: absolute; }
1573
1574
.epsilon-ui-option .kiwi-ic-postop strong:before {
1575
background: #CACACA;
@@ -1580,7 +1815,8 @@ ul[data-style="fit"] {
1580
left: 6px;
1581
top: 7px;
1582
display: block;
1583
- position: absolute; }
1584
1585
.epsilon-ui-option .kiwi-ic-postop strong > em {
1586
background: #CECECE;
@@ -1590,7 +1826,8 @@ ul[data-style="fit"] {
1590
left: 6px;
1591
top: 17px;
1592
display: block;
1593
- position: absolute; }
1594
1595
.epsilon-ui-option .kiwi-ic-postop strong > em:before {
1596
background: #1F4091;
@@ -1601,7 +1838,8 @@ ul[data-style="fit"] {
1601
left: 0;
1602
top: -4px;
1603
display: block;
1604
- position: absolute; }
1605
1606
.epsilon-ui-option .kiwi-ic-postop strong > em:after {
1607
background: #00BFF3;
@@ -1612,7 +1850,8 @@ ul[data-style="fit"] {
1612
left: 7px;
1613
top: -4px;
1614
display: block;
1615
- position: absolute; }
1616
1617
.epsilon-ui-option .kiwi-ic-postop strong > em + em {
1618
background: #CECECE;
@@ -1623,7 +1862,8 @@ ul[data-style="fit"] {
1623
left: 35px;
1624
top: 13px;
1625
display: block;
1626
- position: absolute; }
1627
1628
.epsilon-ui-option .kiwi-ic-postop strong > em + em:before {
1629
background: #E03D1C;
@@ -1634,7 +1874,8 @@ ul[data-style="fit"] {
1634
left: -15px;
1635
top: 0;
1636
display: block;
1637
- position: absolute; }
1638
1639
.epsilon-ui-option .kiwi-ic-postop strong > em + em:after {
1640
background: #81B636;
@@ -1645,7 +1886,8 @@ ul[data-style="fit"] {
1645
left: -8px;
1646
top: 0;
1647
display: block;
1648
- position: absolute; }
1649
1650
/* Epsilon - Toggle */
1651
.epsilon-ui-toggle {
@@ -1653,18 +1895,21 @@ ul[data-style="fit"] {
1653
width: 52px;
1654
height: 22px;
1655
position: relative;
1656
- z-index: 10; }
1657
1658
.epsilon-ui-toggle input {
1659
position: absolute;
1660
z-index: -1;
1661
opacity: 0;
1662
left: 0;
1663
- top: 0; }
1664
1665
.epsilon-ui-toggle input:focus ~ span {
1666
outline: 1px dashed #ccc;
1667
- outline-offset: 2px; }
1668
1669
.epsilon-ui-toggle span {
1670
display: block;
@@ -1684,7 +1929,8 @@ ul[data-style="fit"] {
1684
background-color: #c4c4c4;
1685
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
1686
-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
1687
- box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11); }
1688
1689
.epsilon-ui-toggle input + span:before {
1690
content: "";
@@ -1703,7 +1949,8 @@ ul[data-style="fit"] {
1703
-webkit-border-radius: 10px;
1704
-moz-border-radius: 10px;
1705
border-radius: 10px;
1706
- transition: all 0.2s ease-in 0s; }
1707
1708
.epsilon-ui-toggle input + span:after {
1709
content: "OFF";
@@ -1714,49 +1961,59 @@ ul[data-style="fit"] {
1714
bottom: 2px;
1715
right: 6px;
1716
font-size: 11px;
1717
- font-family: 'Arial'; }
1718
1719
.epsilon-ui-toggle input:checked + span {
1720
- background: #3CAF0E; }
1721
1722
.epsilon-ui-toggle input:checked + span:before {
1723
- right: 2px; }
1724
1725
.epsilon-ui-toggle input:checked + span:after {
1726
content: "ON";
1727
- right: 27px; }
1728
1729
.epsilon-ui-toggle input:focus + span,
1730
.epsilon-ui-toggle:hover input + span {
1731
- background: #d4d4d4; }
1732
1733
.epsilon-ui-toggle input:focus:checked + span,
1734
.epsilon-ui-toggle:hover input:checked + span {
1735
- background: #4fbf23; }
1736
1737
.ui-locked {
1738
- position: relative; }
1739
- .ui-locked input[type="radio"]:disabled {
1740
- opacity: 0; }
1741
- .ui-locked input:disabled ~ strong {
1742
- background: transparent; }
1743
- .ui-locked:after {
1744
- background: #F15B25;
1745
- opacity: 1;
1746
- border: none;
1747
- text-align: center;
1748
- content: '\f023';
1749
- font-family: 'FontAwesome';
1750
- color: #fff;
1751
- display: inline-block;
1752
- font-size: 11px;
1753
- position: absolute;
1754
- bottom: 2px;
1755
- right: -25px;
1756
- border-radius: 50%;
1757
- width: 16px;
1758
- height: 16px;
1759
- line-height: 16px; }
1760
1761
.sl-kiwi-tab-integration .integration_box {
1762
height: 330px;
@@ -1765,9 +2022,11 @@ ul[data-style="fit"] {
1765
background: #FFF;
1766
position: relative;
1767
border: 1px solid rgba(0, 0, 0, 0.1);
1768
- float: left; }
1769
.sl-kiwi-tab-integration .themes {
1770
- display: inline-block; }
1771
.sl-kiwi-tab-integration .integration_box .recommended {
1772
background: #d25637;
1773
color: #FFF;
@@ -1780,7 +2039,8 @@ ul[data-style="fit"] {
1780
line-height: 28px;
1781
font-size: 10px;
1782
position: absolute;
1783
- font-weight: bold; }
1784
.sl-kiwi-tab-integration .integration_box img {
1785
width: 155px;
1786
height: 155px;
@@ -1788,13 +2048,15 @@ ul[data-style="fit"] {
1788
margin: 0 auto;
1789
margin-bottom: 15px;
1790
display: block;
1791
- border: none; }
1792
.sl-kiwi-tab-integration .integration_box.theme img {
1793
width: 100%;
1794
height: initial;
1795
padding: 0;
1796
margin: 0;
1797
- display: block; }
1798
.sl-kiwi-tab-integration .integration_box.theme .info {
1799
display: block;
1800
position: absolute;
@@ -1803,13 +2065,16 @@ ul[data-style="fit"] {
1803
right: 0;
1804
height: 35px;
1805
background: rgba(0, 0, 0, 0.5);
1806
- line-height: 35px; }
1807
- .sl-kiwi-tab-integration .integration_box.theme .info a {
1808
- color: #fff;
1809
- font-size: 14px;
1810
- font-family: 'Open Sans'; }
1811
- .sl-kiwi-tab-integration .integration_box.theme .info a:hover, .sl-kiwi-tab-integration .integration_box.theme .info a:focus {
1812
- text-decoration: none; }
1813
.sl-kiwi-tab-integration .integration_box .action_bar {
1814
position: absolute;
1815
bottom: 0;
@@ -1828,65 +2093,83 @@ ul[data-style="fit"] {
1828
background: #fff;
1829
background: rgba(255, 255, 255, 0.65);
1830
text-align: left;
1831
- padding-right: 105px; }
1832
.sl-kiwi-tab-integration .integration_box .action_bar.active {
1833
background: #23282d;
1834
- color: #FFF; }
1835
.sl-kiwi-tab-integration .integration_box .action_button {
1836
position: absolute;
1837
bottom: -1px;
1838
right: -1px;
1839
padding: 9px 10px 10px;
1840
background: #f6f6f6;
1841
- border: 1px solid rgba(0, 0, 0, 0.1); }
1842
.sl-kiwi-tab-integration .integration_box .action_button.active {
1843
background: #2c2e2f;
1844
bottom: 0;
1845
right: -1px;
1846
- padding: 9px 10px 9px; }
1847
.sl-kiwi-tab-integration.three-col .col {
1848
width: 29.81%;
1849
margin-right: 5%;
1850
- margin-bottom: 35px; }
1851
- .sl-kiwi-tab-integration.three-col .col:nth-child(3n + 3) {
1852
- margin-right: 0; }
1853
1854
.mce-ico.mce-i-dashicons.dashicons-twitter {
1855
- font-family: 'dashicons'; }
1856
- .mce-ico.mce-i-dashicons.dashicons-twitter:before {
1857
- content: "\f301";
1858
- color: #55ACEE; }
1859
1860
#update-nag, .update-nag {
1861
position: relative;
1862
- z-index: 10; }
1863
- #update-nag.kiwi-notice, .update-nag.kiwi-notice {
1864
- width: 95%; }
1865
- #update-nag.kiwi-notice p, .update-nag.kiwi-notice p {
1866
- font-size: 14px; }
1867
1868
.kiwi-title-has-tooltip h4 {
1869
- display: inline-block; }
1870
1871
.kiwi-tooltip-container {
1872
position: relative;
1873
- display: inline-block; }
1874
- .kiwi-tooltip-container .dashicons {
1875
- color: #0073aa; }
1876
- .kiwi-tooltip-container .tooltip-opener {
1877
- cursor: pointer; }
1878
- .kiwi-tooltip-container .tooltip-opener:hover + .kiwi-notice-container, .kiwi-tooltip-container .tooltip-opener:focus + .kiwi-notice-container {
1879
- display: block; }
1880
- .kiwi-tooltip-container .kiwi-notice-container {
1881
- position: absolute;
1882
- display: none;
1883
- padding: 10px;
1884
- background: #0073aa;
1885
- border-radius: 3px;
1886
- z-index: 10;
1887
- width: 350px; }
1888
- .kiwi-tooltip-container .kiwi-notice-container p {
1889
- color: #fff; }
1890
1891
/* ==========================================================================
1892
=Clearing
@@ -1901,7 +2184,8 @@ ul[data-style="fit"] {
1901
font-size: 0;
1902
content: " ";
1903
clear: both;
1904
- height: 0; }
1905
1906
/*****
1907
* Clear content
@@ -1913,4 +2197,5 @@ ul[data-style="fit"] {
1913
overflow: hidden;
1914
visibility: hidden;
1915
width: 0;
1916
- height: 0; }
6
padding: 20px;
7
margin-bottom: 10px;
8
font-family: 'Open Sans';
9
+ position: relative;
10
+ }
11
+ #sl-kiwi a:focus {
12
+ box-shadow: none;
13
+ -webkit-box-shadow: none;
14
+ }
15
+ #sl-kiwi .overlay {
16
+ position: absolute;
17
+ top: 20px;
18
+ bottom: 102px;
19
+ left: 20px;
20
+ right: 20px;
21
+ -webkit-transition: all .3s;
22
+ transition: all .3s;
23
+ z-index: 9999;
24
+ text-align: center;
25
+ padding-top: 250px;
26
+ }
27
+ #sl-kiwi .overlay.active {
28
+ -webkit-transition: all .4s;
29
+ transition: all .4s;
30
+ background: rgba(255, 255, 255, 0.97);
31
+ }
32
+ #sl-kiwi .overlay img {
33
+ position: relative;
34
+ top: -72px;
35
+ }
36
37
.kiwi-notification-popup {
38
width: 100%;
45
color: #fff;
46
display: none;
47
position: relative;
48
+ z-index: 10;
49
+ }
50
+ .kiwi-notification-popup .button {
51
+ float: right;
52
+ position: relative;
53
+ bottom: 5px;
54
+ }
55
56
.kiwi-utility-bar {
57
position: absolute;
58
top: 20px;
59
right: -25px;
60
+ display: none;
61
+ }
62
+ .kiwi-utility-bar > input {
63
+ position: fixed;
64
+ }
65
66
.sl-kiwi-content {
67
background: #fff;
72
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
73
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
74
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
75
+ padding: 10px 30px;
76
+ }
77
+ .sl-kiwi-content input[type="text"], .sl-kiwi-content input[type="email"], .sl-kiwi-content input[type="url"] {
78
+ width: 330px;
79
+ height: 32px;
80
+ -webkit-border-radius: 3px;
81
+ -moz-border-radius: 3px;
82
+ border-radius: 3px;
83
+ background-color: #fff;
84
+ -webkit-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
85
+ -moz-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
86
+ box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
87
+ padding-left: 10px;
88
+ margin-top: 5px;
89
+ border: 1px solid #f2f2f2;
90
+ }
91
92
.sl-kiwi-content > div {
93
padding-bottom: 50px;
94
+ display: none;
95
+ }
96
97
.sl-kiwi-content > div.epsilon-tab-active {
98
+ display: block;
99
+ }
100
101
.sl-kiwi-dragdrop .suggestions {
102
font-size: 32px;
118
/* IE 10+ */
119
user-select: none;
120
/* Likely future */
121
+ cursor: default;
122
+ }
123
124
.sl-kiwi-dragdrop {
125
height: 220px;
137
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
138
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
139
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
140
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(246, 246, 246, 0.7));
141
+ }
142
143
.sl-kiwi-dragdrop > div {
144
padding: 85px 25px 0 25px;
145
+ text-align: center;
146
+ }
147
148
.sl-kiwi-dragdrop ul {
149
line-height: 30px;
150
+ vertical-align: top;
151
+ }
152
153
.sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] {
154
position: absolute;
156
right: 0;
157
z-index: -1;
158
transition: all .3s;
159
+ opacity: 0;
160
+ }
161
+ .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li {
162
+ display: block;
163
+ margin: 0;
164
+ padding: 0;
165
+ }
166
+ .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li a {
167
+ display: block;
168
+ height: 40px;
169
+ line-height: 40px;
170
+ padding: 0 5px;
171
+ min-width: 40px;
172
+ transition: all .3s;
173
+ -webkit-box-shadow: none;
174
+ box-shadow: none;
175
+ font-size: 16px;
176
+ box-sizing: border-box;
177
+ position: relative;
178
+ z-index: 1;
179
+ }
180
+ .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"] li.sl-kiwi-dragdrop-placeholder:before {
181
+ width: 40px;
182
+ }
183
+ .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"].pill li {
184
+ margin-bottom: 2px;
185
+ }
186
+ .sl-kiwi-dragdrop ul[data-id="networks_ordering_floating_bar"].pill li a {
187
+ border-radius: 25px;
188
+ }
189
190
#sl-kiwi .sl-kiwi-item-add {
191
+ margin-right: 5px;
192
+ }
193
194
#sl-kiwi .sl-kiwi-item-remove {
195
max-width: 0;
196
margin-right: 0;
197
+ display: none;
198
+ }
199
200
.sl-kiwi-dragdrop-placeholder:before {
201
border: 1px dashed #ccc;
207
right: 0;
208
height: 100%;
209
content: " ";
210
+ display: block;
211
+ }
212
213
.sl-kiwi-dragdrop-placeholder {
214
position: relative;
216
padding: 0 5px;
217
min-width: 90px;
218
background: transparent;
219
+ vertical-align: top;
220
+ }
221
222
.sl-kiwi-dragdrop ul.pill a {
223
+ border-radius: 15px;
224
+ }
225
226
.sl-kiwi-dragdrop ul.leaf a {
227
+ border-radius: 12px 0 12px 0;
228
+ }
229
230
.sl-kiwi-dragdrop ul.shift a {
231
-ms-transform: skewX(-15deg);
232
-webkit-transform: skewX(-15deg);
233
+ transform: skewX(-15deg);
234
+ }
235
236
.sl-kiwi-dragdrop ul.shift span {
237
-ms-transform: skewX(15deg);
238
-webkit-transform: skewX(15deg);
239
transform: skewX(15deg);
240
+ display: block;
241
+ }
242
243
.sl-kiwi-dragdrop ul.pill .sl-kiwi-dragdrop-placeholder:before {
244
+ border-radius: 15px;
245
+ }
246
247
.sl-kiwi-dragdrop ul.leaf .sl-kiwi-dragdrop-placeholder:before {
248
+ border-radius: 12px 0 12px 0;
249
+ }
250
251
.sl-kiwi-dragdrop ul.shift .sl-kiwi-dragdrop-placeholder:before {
252
-ms-transform: skewX(-15deg);
253
-webkit-transform: skewX(-15deg);
254
+ transform: skewX(-15deg);
255
+ }
256
257
.sl-kiwi-dragdrop li {
258
list-style-type: none;
260
overflow: hidden;
261
margin-right: 5px;
262
display: inline-block;
263
+ padding: 0 5px;
264
+ }
265
266
.sl-kiwi-dragdrop li.ui-sortable-helper a {
267
transition: box-shadow .3s;
268
-webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
269
-moz-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
270
+ box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
271
+ }
272
273
.sl-kiwi-dragdrop li a:hover {
274
+ text-decoration: none;
275
+ }
276
277
.sl-kiwi-dragdrop li a {
278
display: block;
280
line-height: 30px;
281
padding: 0 5px;
282
min-width: 90px;
283
+ transition: all .3s;
284
+ }
285
286
.sl-kiwi-networks {
287
margin-bottom: 40px;
288
+ position: relative;
289
+ }
290
+ .sl-kiwi-networks .epsilon-ui-locked {
291
+ position: absolute;
292
+ right: -15px;
293
+ width: 35px;
294
+ height: 35px;
295
+ line-height: 35px;
296
+ top: 12px;
297
+ text-align: center;
298
+ }
299
300
ul[data-style="fit"] {
301
display: table;
302
+ width: 100%;
303
+ }
304
+ ul[data-style="fit"] li {
305
+ display: table-cell;
306
+ padding: 0;
307
+ overflow: initial;
308
+ }
309
+ ul[data-style="fit"].leaf a {
310
+ width: 100%;
311
+ }
312
+ ul[data-style="fit"].leaf li:last-of-type a {
313
+ width: 100%;
314
+ }
315
+ ul[data-style="fit"].pill {
316
+ flex-wrap: nowrap;
317
+ display: flex;
318
+ margin-left: 20px;
319
+ width: auto;
320
+ }
321
+ ul[data-style="fit"].pill .sl-kiwi-item-add {
322
+ margin: 0;
323
+ flex: 1;
324
+ }
325
+ ul[data-style="fit"].pill .sl-kiwi-item-add a {
326
+ padding: 0;
327
+ display: block;
328
+ width: 100%;
329
+ padding-left: 26px;
330
+ margin-left: -26px;
331
+ }
332
+ ul[data-style="fit"].pill .sl-kiwi-item-add span {
333
+ margin-right: 26px;
334
+ }
335
336
.sl-kiwi-tab-socialIdentity label, .sl-kiwi-tab-registration label {
337
display: block;
338
color: #808080;
339
+ margin-bottom: 5px;
340
+ }
341
.sl-kiwi-tab-socialIdentity input[type="text"], .sl-kiwi-tab-registration input[type="text"] {
342
padding: 5px;
343
+ margin-bottom: 15px;
344
+ }
345
.sl-kiwi-tab-socialIdentity .kiwi-registration-action, .sl-kiwi-tab-registration .kiwi-registration-action {
346
+ height: 30px;
347
+ }
348
349
[class*="sl-kiwi-tab-"] h2 {
350
font-size: 22px;
351
color: #585858;
352
font-weight: 300;
353
+ height: 50px;
354
+ }
355
356
.sl-kiwi-networks h2 > span {
357
width: 65%;
358
display: block;
359
float: left;
360
+ background: transparent;
361
+ }
362
363
.sl-kiwi-networks h2 span + span {
364
width: 17.5%;
367
background: transparent;
368
text-align: center;
369
font-size: 14px;
370
+ color: #959696;
371
+ }
372
373
.sl-kiwi-networks em {
374
+ font-style: normal;
375
+ }
376
377
.sl-kiwi-networks ul {
378
border-top: 1px solid #F5F5F5;
379
padding: 0;
380
+ margin: 0 10px;
381
+ }
382
383
.sl-kiwi-networks li {
384
height: 39px;
387
line-height: 35px;
388
padding-left: 20px;
389
position: relative;
390
+ margin-bottom: 0;
391
+ }
392
393
.sl-kiwi-networks li:hover {
394
+ background: #FBFBFB;
395
+ }
396
397
.sl-kiwi-networks li > span {
398
width: 65%;
400
float: left;
401
background: transparent;
402
color: #555555;
403
+ font-size: 13px;
404
+ }
405
406
.sl-kiwi-networks li span + span {
407
width: 17.5%;
408
background: transparent;
409
+ text-align: center;
410
+ }
411
412
.sl-kiwi-networks span > strong {
413
height: 24px;
418
text-align: center;
419
border-radius: 2px;
420
margin-right: 5px;
421
+ background: #D4D4D4;
422
+ }
423
424
.sl-kiwi-networks span > strong i {
425
font-size: 16px;
426
+ line-height: 24px;
427
+ }
428
429
.sl-kiwi-networks.kiwi-styles {
430
+ /*background:#FBFBFB;*/
431
+ }
432
433
.sl-kiwi-networks.kiwi-styles h2 span + span {
434
+ width: 16%;
435
+ }
436
437
.sl-kiwi-networks.kiwi-styles h2 span:nth-last-of-type(-n+3) + span:nth-last-of-type(-n+3),
438
.sl-kiwi-networks.kiwi-styles h2 span:nth-last-of-type(-n+2) + span:nth-last-of-type(-n+2) {
439
+ width: 8%;
440
+ }
441
442
.sl-kiwi-networks.kiwi-styles h2 strong.goleft {
443
position: relative;
444
+ right: 5px;
445
+ }
446
447
.sl-kiwi-networks.kiwi-styles h2 > span {
448
width: 20%;
449
+ text-align: left;
450
+ }
451
452
.sl-kiwi-networks.kiwi-styles li span + span {
453
width: 16%;
454
+ text-align: left;
455
+ }
456
457
.sl-kiwi-networks.kiwi-styles li span:nth-last-of-type(-n+3) + span:nth-last-of-type(-n+3),
458
.sl-kiwi-networks.kiwi-styles li span:nth-last-of-type(-n+2) + span:nth-last-of-type(-n+2) {
459
+ width: 8%;
460
+ }
461
462
.sl-kiwi-networks.kiwi-styles li > span {
463
+ width: 20%;
464
+ }
465
466
#sl-kiwi .kiwi-nw-twitter {
467
background: #4EAEF8;
468
+ color: #fff;
469
+ }
470
471
#sl-kiwi .kiwi-nw-whatsapp {
472
background: #0DC143;
473
+ color: #fff;
474
+ }
475
476
#sl-kiwi .kiwi-nw-telegram {
477
background: #179CDE;
478
+ color: #fff;
479
+ }
480
481
#sl-kiwi .kiwi-nw-skype {
482
background: #009EE5;
483
+ color: #fff;
484
+ }
485
486
#sl-kiwi .kiwi-nw-youtube-play, #sl-kiwi .kiwi-nw-youtube {
487
background: #E62117;
488
+ color: #fff;
489
+ }
490
491
#sl-kiwi .kiwi-nw-facebook {
492
background: #3B5998;
493
+ color: #fff;
494
+ }
495
496
#sl-kiwi .kiwi-nw-google-plus {
497
background: #DB4437;
498
+ color: #fff;
499
+ }
500
501
#sl-kiwi .kiwi-nw-pinterest {
502
background: #BD081C;
503
+ color: #fff;
504
+ }
505
506
#sl-kiwi .kiwi-nw-linkedin {
507
background: #1A85BC;
508
+ color: #fff;
509
+ }
510
511
#sl-kiwi .kiwi-nw-reddit {
512
background: #FF4500;
513
+ color: #fff;
514
+ }
515
516
#sl-kiwi .kiwi-nw-envelope, #sl-kiwi .kiwi-nw-email {
517
background: #4D9159;
518
+ color: #fff;
519
+ }
520
521
.sl-kiwi-opt-group {
522
min-height: 100px;
523
background: transparent;
524
padding: 30px 0;
525
+ border-bottom: 1px solid #F5F5F5;
526
+ }
527
+ .sl-kiwi-opt-group:last-of-type {
528
+ border-bottom: none;
529
+ }
530
+ .sl-kiwi-opt-group .bottom-color-option {
531
+ clear: both;
532
+ }
533
534
.sl-kiwi-inner-opt {
535
+ padding-left: 70px;
536
+ }
537
538
.sl-kiwi-opt-group .left {
539
+ float: left;
540
+ }
541
542
.sl-kiwi-opt-group .right {
543
+ float: right;
544
+ }
545
546
.sl-kiwi-opt-toggle {
547
background: transparent;
548
width: 70px;
549
float: left;
550
+ padding-top: 10px;
551
+ }
552
553
.sl-kiwi-opt-description {
554
float: left;
555
background: transparent;
556
min-height: 60px;
557
+ position: relative;
558
+ }
559
560
.sl-kiwi-opt-description h4 {
561
font-size: 18px;
562
margin: 0;
563
+ line-height: 18px;
564
+ }
565
566
.sl-kiwi-opt-description h5 {
567
font-size: 16px;
568
margin: 0;
569
+ line-height: 18px;
570
+ }
571
572
.sl-kiwi-opt-description p {
573
font-size: 14px;
574
+ margin: 0;
575
+ }
576
577
.epsilon-ui-locked {
578
display: inline-block;
580
width: 20px;
581
height: 20px;
582
cursor: pointer;
583
+ vertical-align: middle;
584
+ }
585
586
.epsilon-ui-locked i {
587
font-size: 12px;
589
text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
590
line-height: 16px;
591
background: #F05A25;
592
+ cursor: pointer;
593
+ }
594
595
.epsilon-ui-locked i.dashicons, .dashicons-before::before {
596
width: 17px;
597
height: 17px;
598
border-radius: 10px;
599
text-align: center;
600
+ vertical-align: top;
601
+ }
602
603
.sl-kiwi-opt-space-sm {
604
+ padding-top: 15px;
605
+ }
606
607
.clearfix:after {
608
clear: both;
610
display: block;
611
height: 0;
612
line-height: 0;
613
+ visibility: hidden;
614
+ }
615
616
.kiwi-modal {
617
position: fixed;
624
overflow: hidden;
625
-webkit-overflow-scrolling: touch;
626
outline: 0;
627
+ background: rgba(0, 0, 0, 0.7);
628
+ }
629
+ .kiwi-modal .close-modal {
630
+ width: 25px;
631
+ height: 25px;
632
+ color: #FF3424;
633
+ position: absolute;
634
+ text-align: center;
635
+ line-height: 25px;
636
+ font-size: 17px;
637
+ right: 7px;
638
+ top: 7px;
639
+ cursor: pointer;
640
+ }
641
+ .kiwi-modal .kiwi-modal-content {
642
+ position: relative;
643
+ width: 900px;
644
+ -webkit-border-radius: 10px;
645
+ -moz-border-radius: 10px;
646
+ border-radius: 10px;
647
+ background-image: -webkit-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
648
+ background-image: -moz-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
649
+ background-image: -o-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
650
+ background-image: -ms-linear-gradient(bottom, #fff 25%, #f2f3f4 90%);
651
+ background-image: linear-gradient(to top, #fff 25%, #f2f3f4 90%);
652
+ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
653
+ -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
654
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
655
+ margin: 8% auto;
656
+ }
657
+ .kiwi-modal.fade {
658
+ opacity: 0;
659
+ -webkit-transition: opacity .15s linear;
660
+ -o-transition: opacity .15s linear;
661
+ transition: opacity .15s linear;
662
+ }
663
+ .kiwi-modal.fade .kiwi-modal-content {
664
+ -webkit-transition: -webkit-transform .3s ease-out;
665
+ -o-transition: -o-transform .3s ease-out;
666
+ transition: transform .3s ease-out;
667
+ -webkit-transform: translate(0, -25%);
668
+ -ms-transform: translate(0, -25%);
669
+ -o-transform: translate(0, -25%);
670
+ transform: translate(0, -25%);
671
+ }
672
+ .kiwi-modal.fade.in {
673
+ opacity: 1;
674
+ }
675
+ .kiwi-modal.fade.in .kiwi-modal-content {
676
+ -webkit-transform: translate(0, 0);
677
+ -ms-transform: translate(0, 0);
678
+ -o-transform: translate(0, 0);
679
+ transform: translate(0, 0);
680
+ }
681
+ .kiwi-modal #page-two {
682
+ display: none;
683
+ }
684
+ .kiwi-modal .button-modal {
685
+ width: 100%;
686
+ height: 45px;
687
+ -webkit-border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
688
+ -moz-border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
689
+ border-radius: 22px 23px 23px 22px/22px 22px 23px 23px;
690
+ background-color: #ff3d2e;
691
+ color: #fff;
692
+ display: inline-block;
693
+ line-height: 45px;
694
+ margin: 30px auto;
695
+ text-align: center;
696
+ }
697
+ .kiwi-modal .button-modal:hover, .kiwi-modal .button-modal:focus {
698
+ text-decoration: none;
699
+ color: #fff;
700
+ background-color: #ff3424;
701
+ }
702
+ .kiwi-modal .modal-header {
703
+ padding-top: 40px;
704
+ padding-bottom: 40px;
705
+ text-align: center;
706
+ background-image: url("../img/back-wavy.png");
707
+ background-size: cover;
708
+ background-position: center;
709
+ -webkit-border-top-left-radius: 10px;
710
+ -moz-border-top-left-radius: 10px;
711
+ border-top-left-radius: 10px;
712
+ -webkit-border-top-right-radius: 10px;
713
+ -moz-border-top-right-radius: 10px;
714
+ border-top-right-radius: 10px;
715
+ }
716
+ .kiwi-modal .modal-header .modal-header-content {
717
+ width: 475px;
718
+ margin: 0 auto;
719
+ }
720
+ .kiwi-modal .modal-title {
721
+ font-family: 'Open Sans';
722
+ font-size: 28px;
723
+ font-weight: 800;
724
+ color: #333;
725
+ }
726
+ .kiwi-modal .modal-subtitle {
727
+ font-family: "Open Sans";
728
+ font-size: 14px;
729
+ color: #8c8c8c;
730
+ }
731
+ .kiwi-modal .price-box {
732
+ margin-top: 40px;
733
+ }
734
+ .kiwi-modal .price-box .price {
735
+ font-family: "Open Sans";
736
+ font-weight: bold;
737
+ color: #333;
738
+ font-size: 60px;
739
+ display: block;
740
+ }
741
+ .kiwi-modal .price-box .price .currency {
742
+ font-size: 45px;
743
+ }
744
+ .kiwi-modal .price-box .price small {
745
+ font-size: 15px;
746
+ }
747
+ .kiwi-modal .price-box .button-modal {
748
+ width: 150px;
749
+ }
750
+ .kiwi-modal .modal-footer {
751
+ margin: 0 auto;
752
+ margin-top: 60px;
753
+ padding-bottom: 60px;
754
+ width: 475px;
755
+ }
756
+ .kiwi-modal .modal-footer a {
757
+ color: #639fb1;
758
+ font-family: 'Open Sans';
759
+ font-size: 14px;
760
+ display: inline-block;
761
+ margin-bottom: 15px;
762
+ }
763
+ .kiwi-modal .modal-footer .muted {
764
+ font-size: 12px;
765
+ font-family: 'Open Sans';
766
+ color: #8c8c8c;
767
+ }
768
+ .kiwi-modal .modal-content {
769
+ width: 310px;
770
+ margin: 0 auto;
771
+ }
772
+ .kiwi-modal .modal-content.form .radio-label {
773
+ margin-top: 40px;
774
+ display: block;
775
+ color: #808080;
776
+ font-family: 'Open Sans';
777
+ }
778
+ .kiwi-modal .modal-content.form > .ui-radio-inline {
779
+ margin-top: 15px !important;
780
+ }
781
+ .kiwi-modal .modal-content.form .clearfix {
782
+ margin-top: 30px;
783
+ }
784
+ .kiwi-modal .modal-content.form .clearfix .half {
785
+ width: 50%;
786
+ float: left;
787
+ padding-right: 15px;
788
+ box-sizing: border-box;
789
+ }
790
+ .kiwi-modal .modal-content.form .clearfix .half:last-of-type {
791
+ padding-left: 15px;
792
+ padding-right: 0;
793
+ }
794
+ .kiwi-modal .modal-content.form .clearfix input {
795
+ width: 100%;
796
+ height: 32px;
797
+ -webkit-border-radius: 3px;
798
+ -moz-border-radius: 3px;
799
+ border-radius: 3px;
800
+ border: none;
801
+ background-color: #fff;
802
+ -webkit-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
803
+ -moz-box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
804
+ box-shadow: 1px 1px 2px rgba(35, 31, 32, 0.2);
805
+ padding-left: 5px;
806
+ margin-top: 5px;
807
+ }
808
+ .kiwi-modal .modal-content.form .clearfix label {
809
+ display: block;
810
+ color: #808080;
811
+ font-family: 'Open Sans';
812
+ }
813
814
/* ==========================================================================
815
=Epsilon Elements
819
margin-top: -36px;
820
overflow: hidden;
821
position: relative;
822
+ z-index: 10;
823
+ }
824
825
.epsilon-ui-tabs ul {
826
height: 36px;
827
+ margin-left: 30px;
828
+ }
829
830
.epsilon-ui-tabs li {
831
height: 36px;
834
background: #E8E8E8;
835
list-style-type: none;
836
line-height: 36px;
837
+ text-align: center;
838
+ }
839
840
.epsilon-ui-tabs li.selected {
841
background: #fff;
842
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02);
843
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02);
844
+ box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.02);
845
+ }
846
847
.epsilon-ui-tabs .selected a:hover {
848
+ background: #fff;
849
+ }
850
851
.epsilon-ui-tabs a {
852
display: block;
853
line-height: 36px;
854
color: #666666;
855
padding: 0 10px;
856
+ min-width: 80px;
857
+ }
858
859
.epsilon-ui-tabs i {
860
vertical-align: middle;
861
+ font-size: 16px;
862
+ }
863
864
.epsilon-ui-tabs a:hover {
865
background: #D4D4D4;
866
+ text-decoration: none;
867
+ }
868
869
.epsilon-ui-tabs a:focus {
870
text-decoration: none;
871
outline: 1px dashed #ccc;
872
+ outline-offset: -4px;
873
+ }
874
875
/* Kiwi networks */
876
.sl-kiwi-networks li span {
877
+ line-height: 35px;
878
+ }
879
880
.sl-kiwi-networks li:hover .epsilon-ui-checkbox strong {
881
+ border: 1px solid #8AB7C5;
882
+ }
883
884
.sl-kiwi-networks li:hover .epsilon-ui-checkbox input:checked ~ strong {
885
+ border: 1px solid #448092;
886
+ }
887
888
.sl-kiwi-networks li:hover .epsilon-ui-checkbox input:focus ~ strong {
889
+ border: 1px solid #448092;
890
+ }
891
892
.ui-inline strong {
893
+ display: inline-block;
894
+ }
895
896
/* Epsilon UI - Checkbox */
897
#sl-kiwi label.epsilon-ui-checkbox {
900
position: relative;
901
cursor: pointer;
902
margin: 0 35px;
903
+ max-width: none;
904
+ }
905
906
.epsilon-ui-checkbox.ui-checkbox-inline strong {
907
+ display: inline-block;
908
+ }
909
910
#sl-kiwi .epsilon-ui-checkbox.ui-checkbox-inline {
911
display: inline-block;
912
+ margin-left: 0;
913
+ }
914
915
.epsilon-ui-checkbox input {
916
position: absolute;
917
z-index: -1;
918
opacity: 0;
919
left: 0;
920
+ top: 0;
921
+ }
922
923
.epsilon-ui-checkbox input:focus ~ strong {
924
border: 1px solid #448092;
925
outline: 1px dashed #ccc;
926
+ outline-offset: 2px;
927
+ }
928
929
.epsilon-ui-checkbox input:checked ~ strong {
930
background: #fff;
931
border: 1px solid #448092;
932
-webkit-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
933
-moz-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
934
+ box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
935
+ }
936
937
.epsilon-ui-checkbox input:disabled ~ strong {
938
background: #1ABC9C;
939
opacity: 0.6;
940
+ pointer-events: none;
941
+ }
942
943
.epsilon-ui-checkbox strong {
944
background: #fff;
947
margin: 11px auto auto auto;
948
height: 16px;
949
width: 16px;
950
+ transition: all .15s;
951
+ }
952
953
/* Epsilon UI - Radio input */
954
.epsilon-ui-radio strong {
955
+ border-radius: 50%;
956
+ }
957
958
#sl-kiwi label.epsilon-ui-radio {
959
display: block;
963
margin: 0 35px;
964
max-width: none;
965
font-weight: 400;
966
+ color: #808080;
967
+ }
968
969
#sl-kiwi .sl-kiwi-tab-styles label.epsilon-ui-radio {
970
+ margin: 0 60px 0 0;
971
+ }
972
973
.epsilon-ui-radio.ui-radio-inline strong {
974
display: inline-block;
975
margin-right: 5px;
976
position: relative;
977
+ top: 3px;
978
+ }
979
980
#sl-kiwi .epsilon-ui-radio.ui-radio-inline {
981
display: inline-block;
982
+ margin-left: 0;
983
+ }
984
985
.epsilon-ui-radio strong {
986
display: block;
989
width: 16px;
990
background: #fff;
991
border: 1px solid #DDDDDD;
992
+ transition: all .15s;
993
+ }
994
995
.epsilon-ui-radio input {
996
position: absolute;
997
z-index: -1;
998
opacity: 0;
999
left: 0;
1000
+ top: 0;
1001
+ }
1002
1003
.epsilon-ui-radio input:focus ~ strong {
1004
border: 1px solid #448092;
1005
outline: 1px dashed #ccc;
1006
+ outline-offset: 2px;
1007
+ }
1008
1009
.epsilon-ui-radio input:checked ~ strong {
1010
background: #fff;
1011
border: 1px solid #448092;
1012
-webkit-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
1013
-moz-box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
1014
+ box-shadow: inset 0px 0px 0px 4px rgba(99, 159, 177, 0.75);
1015
+ }
1016
1017
.epsilon-ui-radio input:disabled ~ strong {
1018
background: #1ABC9C;
1019
opacity: 0.6;
1020
+ pointer-events: none;
1021
+ }
1022
1023
/*
1024
Epsilon UI - Checklist
1029
margin-top: 25px;
1030
padding-top: 10px;
1031
border-top: 1px solid #ECECEC;
1032
+ background: #FCFCFC;
1033
+ }
1034
1035
.epsilon-ui-checklist:before {
1036
position: absolute;
1040
height: 2px;
1041
content: " ";
1042
box-shadow: 0 -60px 30px 35px rgba(0, 0, 0, 0.7);
1043
+ z-index: 1;
1044
+ }
1045
1046
.epsilon-ui-checklist ul {
1047
margin: 0;
1049
padding: 0 5px 25px 25px;
1050
margin-top: 15px;
1051
position: relative;
1052
+ overflow: hidden;
1053
+ }
1054
1055
.epsilon-ui-checklist li {
1056
margin-bottom: 1px;
1057
+ height: 35px;
1058
+ }
1059
1060
.epsilon-ui-checklist li > span {
1061
float: left;
1062
width: 80%;
1063
padding: 10px 0 0 0;
1064
+ color: #808080;
1065
+ }
1066
1067
#sl-kiwi .epsilon-ui-checklist li .epsilon-ui-checkbox {
1068
float: right;
1069
width: 20%;
1070
+ margin: 0;
1071
+ }
1072
1073
/*
1074
Epsilon - UI Overlay
1077
background: #fff;
1078
position: absolute;
1079
padding: 10px;
1080
+ opacity: 0;
1081
+ }
1082
1083
.epsilon-ui-overlay.active {
1084
top: -5px;
1085
left: -5px;
1086
bottom: -5px;
1087
right: -5px;
1088
+ opacity: .6;
1089
+ }
1090
1091
.epsilon-ui-overlay.active.networks {
1092
right: 185px;
1093
left: 200px;
1094
+ top: 35px;
1095
+ }
1096
1097
/*
1098
Epsilon - Color picker
1101
line-height: 14px;
1102
background: transparent;
1103
display: inline-block;
1104
+ color: #D1D1D1;
1105
+ }
1106
+ #sl-kiwi .epsilon-ui-color .wp-picker-container {
1107
+ position: relative;
1108
+ }
1109
+ #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-picker-holder {
1110
+ position: absolute;
1111
+ z-index: 9999;
1112
+ }
1113
+ #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-picker {
1114
+ height: 23px;
1115
+ position: absolute;
1116
+ top: 6px;
1117
+ border: none;
1118
+ color: #D1D1D1;
1119
+ }
1120
+ #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-picker-clear {
1121
+ position: relative;
1122
+ left: 66px;
1123
+ top: 6px;
1124
+ }
1125
+ #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-result {
1126
+ background: transparent;
1127
+ border: none;
1128
+ -webkit-border-radius: 0;
1129
+ border-radius: 0;
1130
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1131
+ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1132
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1133
+ padding-left: 19px;
1134
+ }
1135
+ #sl-kiwi .epsilon-ui-color .wp-picker-container .wp-color-result:after {
1136
+ background: transparent;
1137
+ -webkit-border-radius: 0;
1138
+ border-radius: 0;
1139
+ content: '';
1140
+ }
1141
1142
#sl-kiwi .bottom-color-option .floating-bar-background {
1143
width: 350px;
1144
+ position: relative;
1145
+ }
1146
+ #sl-kiwi .bottom-color-option .floating-bar-background em {
1147
+ position: absolute;
1148
+ left: 44px;
1149
+ top: 3px;
1150
+ font-style: normal;
1151
+ font-size: 13px;
1152
+ }
1153
#sl-kiwi .bottom-color-option .wp-picker-container {
1154
+ width: 350px;
1155
+ }
1156
+ #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result {
1157
+ border: none;
1158
+ }
1159
+ #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:after {
1160
+ -webkit-border-radius: 0;
1161
+ border-radius: 0;
1162
+ content: '';
1163
+ }
1164
+ #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:hover, #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-result:focus {
1165
+ background: transparent;
1166
+ border-color: transparent;
1167
+ color: initial;
1168
+ }
1169
+ #sl-kiwi .bottom-color-option .wp-picker-container .wp-color-picker {
1170
+ z-index: 10;
1171
+ height: 27px;
1172
+ top: -3px;
1173
+ }
1174
+ #sl-kiwi .bottom-color-option .wp-picker-container .wp-picker-default {
1175
+ z-index: 999;
1176
+ left: 100px;
1177
+ position: absolute;
1178
+ }
1179
1180
#sl-kiwi .epsilon-ui-color strong {
1181
width: 30px;
1183
border-radius: 0;
1184
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1185
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1186
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1187
+ }
1188
1189
/*
1190
Epsilon UI- Radio Image
1191
*/
1192
.epsilon-ui-option {
1193
+ position: relative;
1194
+ }
1195
1196
.epsilon-ui-option input {
1197
position: absolute;
1198
z-index: -1;
1199
opacity: 0;
1200
left: 0;
1201
+ top: 0;
1202
+ }
1203
1204
.epsilon-ui-option label {
1205
width: 100%;
1206
cursor: pointer;
1207
+ margin: 0;
1208
+ }
1209
1210
.epsilon-ui-option ul {
1211
list-style-type: none;
1212
height: 90px;
1213
padding: 0;
1214
+ margin: 0;
1215
+ }
1216
1217
.epsilon-ui-option li {
1218
width: 80px;
1220
float: left;
1221
background: #F7FAFB;
1222
text-align: center;
1223
+ margin-right: 1px;
1224
+ }
1225
1226
.epsilon-ui-option input + span {
1227
background: #F7FAFB;
1228
display: block;
1229
padding: 14px 15px 0 15px;
1230
+ height: 90px;
1231
+ }
1232
1233
.epsilon-ui-option span span {
1234
text-transform: uppercase;
1240
border-top: 1px solid #fff;
1241
line-height: 24px;
1242
font-weight: normal;
1243
+ margin: 15px -15px 0 -15px;
1244
+ }
1245
1246
.epsilon-ui-option strong {
1247
position: relative;
1259
background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
1260
background-image: -o-linear-gradient(top, #fff, #f6f6f6);
1261
background-image: -ms-linear-gradient(top, #fff, #f6f6f6);
1262
+ background-image: linear-gradient(to bottom, #fff, #f6f6f6);
1263
+ }
1264
1265
/*
1266
.epsilon-ui-option input:checked + span > strong { border:2px solid #639FB1; }
1267
*/
1268
.epsilon-ui-option input:focus + span {
1269
outline: 1px dashed #ccc;
1270
+ outline-offset: -4px;
1271
+ }
1272
1273
.epsilon-ui-option input:checked + span {
1274
+ background: #E8F1F3;
1275
+ }
1276
1277
.epsilon-ui-option input:checked:focus + span {
1278
+ background: #E8F1F3;
1279
+ }
1280
1281
.epsilon-ui-option input + span:hover {
1282
+ background: #dbe9ec;
1283
+ }
1284
1285
.epsilon-ui-option input:checked:focus + span:hover {
1286
+ background: #dbe9ec;
1287
+ }
1288
1289
.epsilon-ui-option input:checked + span > strong:before {
1290
+ opacity: 1;
1291
+ }
1292
1293
.epsilon-ui-option input:disabled + span {
1294
background: #FCFCFC;
1295
+ opacity: .5;
1296
+ }
1297
1298
.epsilon-ui-option input:disabled:checked + span {
1299
background: #F5F5F5;
1300
border-color: #C4C4C4;
1301
+ opacity: 1;
1302
+ }
1303
1304
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em,
1305
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em + em:after,
1307
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em:after,
1308
.epsilon-ui-option input:disabled + span .kiwi-ic-centered em:before {
1309
background: #CECECE;
1310
+ opacity: 1;
1311
+ }
1312
1313
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em,
1314
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em + em:after,
1316
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em:after,
1317
.epsilon-ui-option input:disabled + span .kiwi-ic-posbottom em:before {
1318
background: #CECECE;
1319
+ opacity: 1;
1320
+ }
1321
1322
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em,
1323
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em + em:after,
1325
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em:after,
1326
.epsilon-ui-option input:disabled + span .kiwi-ic-postop em:before {
1327
background: #CECECE;
1328
+ opacity: 1;
1329
+ }
1330
1331
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em,
1332
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em + em:after,
1334
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em:after,
1335
.epsilon-ui-option input:disabled + span .kiwi-ic-posboth em:before {
1336
background: #CECECE;
1337
+ opacity: 1;
1338
+ }
1339
1340
.epsilon-ui-option input:disabled + span > i > strong:before {
1341
+ background: #CECECE;
1342
+ }
1343
1344
.epsilon-ui-option .kiwi-ic-left strong:before {
1345
background: #E14D43;
1350
left: 0;
1351
top: 9px;
1352
display: block;
1353
+ position: absolute;
1354
+ }
1355
1356
.epsilon-ui-option .kiwi-ic-right strong:before {
1357
background: #E14D43;
1362
right: 0;
1363
top: 9px;
1364
display: block;
1365
+ position: absolute;
1366
+ }
1367
1368
.epsilon-ui-option .kiwi-ic-bottom strong:before {
1369
background: #E14D43;
1374
left: 15px;
1375
bottom: 0px;
1376
display: block;
1377
+ position: absolute;
1378
+ }
1379
1380
.epsilon-ui-option .kiwi-ic-rect strong:before {
1381
background: #E14D43;
1386
left: 8px;
1387
top: 10px;
1388
display: block;
1389
+ position: absolute;
1390
+ }
1391
1392
.epsilon-ui-option .kiwi-ic-shift strong:before {
1393
background: #E14D43;
1401
position: absolute;
1402
-ms-transform: skewX(-20deg);
1403
-webkit-transform: skewX(-20deg);
1404
+ transform: skewX(-20deg);
1405
+ }
1406
1407
.epsilon-ui-option .kiwi-ic-pill strong:before {
1408
background: #E14D43;
1414
top: 10px;
1415
display: block;
1416
position: absolute;
1417
+ border-radius: 10px;
1418
+ }
1419
1420
.epsilon-ui-option .kiwi-ic-leaf strong:before {
1421
background: #E14D43;
1427
top: 10px;
1428
display: block;
1429
position: absolute;
1430
+ border-radius: 6px 0 6px 0;
1431
+ }
1432
1433
.epsilon-ui-option .kiwi-ic-centered strong:before {
1434
background: #CACACA;
1439
left: 6px;
1440
top: 7px;
1441
display: block;
1442
+ position: absolute;
1443
+ }
1444
1445
.epsilon-ui-option .kiwi-ic-centered strong > em {
1446
background: #CECECE;
1450
left: 6px;
1451
top: 13px;
1452
display: block;
1453
+ position: absolute;
1454
+ }
1455
1456
.epsilon-ui-option .kiwi-ic-centered strong > em:before {
1457
background: #1F4091;
1462
left: 0;
1463
top: 14px;
1464
display: block;
1465
+ position: absolute;
1466
+ }
1467
1468
.epsilon-ui-option .kiwi-ic-centered strong > em:after {
1469
background: #00BFF3;
1474
left: 14px;
1475
top: 14px;
1476
display: block;
1477
+ position: absolute;
1478
+ }
1479
1480
.epsilon-ui-option .kiwi-ic-centered strong > em + em {
1481
background: transparent;
1486
left: 35px;
1487
top: 13px;
1488
display: block;
1489
+ position: absolute;
1490
+ }
1491
1492
.epsilon-ui-option .kiwi-ic-centered strong > em + em:before {
1493
background: #E03D1C;
1498
left: -1px;
1499
top: 14px;
1500
display: block;
1501
+ position: absolute;
1502
+ }
1503
1504
.epsilon-ui-option .kiwi-ic-centered strong > em + em:after {
1505
+ content: none;
1506
+ }
1507
1508
.epsilon-ui-option .kiwi-ic-filled strong:before {
1509
background: #CACACA;
1514
left: 6px;
1515
top: 7px;
1516
display: block;
1517
+ position: absolute;
1518
+ }
1519
1520
.epsilon-ui-option .kiwi-ic-filled strong > em {
1521
background: #CECECE;
1525
left: 6px;
1526
top: 13px;
1527
display: block;
1528
+ position: absolute;
1529
+ }
1530
1531
.epsilon-ui-option .kiwi-ic-filled strong > em:before {
1532
background: #1F4091;
1537
left: 0;
1538
top: 14px;
1539
display: block;
1540
+ position: absolute;
1541
+ }
1542
1543
.epsilon-ui-option .kiwi-ic-filled strong > em:after {
1544
background: #00BFF3;
1549
left: 13px;
1550
top: 14px;
1551
display: block;
1552
+ position: absolute;
1553
+ }
1554
1555
.epsilon-ui-option .kiwi-ic-filled strong > em + em {
1556
background: transparent;
1561
left: 35px;
1562
top: 13px;
1563
display: block;
1564
+ position: absolute;
1565
+ }
1566