active_frontend 3.0.4 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/chart.js +7 -7
- data/vendor/assets/stylesheets/ad.scss +2 -1
- data/vendor/assets/stylesheets/alert.scss +7 -29
- data/vendor/assets/stylesheets/aside.scss +8 -8
- data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
- data/vendor/assets/stylesheets/button.scss +87 -47
- data/vendor/assets/stylesheets/code.scss +43 -37
- data/vendor/assets/stylesheets/datepicker.scss +11 -11
- data/vendor/assets/stylesheets/dropdown.scss +12 -12
- data/vendor/assets/stylesheets/footer.scss +10 -6
- data/vendor/assets/stylesheets/form.scss +33 -30
- data/vendor/assets/stylesheets/header.scss +32 -26
- data/vendor/assets/stylesheets/image.scss +1 -1
- data/vendor/assets/stylesheets/label_and_badge.scss +19 -19
- data/vendor/assets/stylesheets/link.scss +6 -6
- data/vendor/assets/stylesheets/list.scss +4 -4
- data/vendor/assets/stylesheets/loader.scss +4 -4
- data/vendor/assets/stylesheets/map.scss +2 -1
- data/vendor/assets/stylesheets/modal.scss +8 -8
- data/vendor/assets/stylesheets/nav_and_tab.scss +26 -25
- data/vendor/assets/stylesheets/navbar.scss +7 -4
- data/vendor/assets/stylesheets/pagination.scss +4 -4
- data/vendor/assets/stylesheets/panel.scss +14 -13
- data/vendor/assets/stylesheets/placeholder.scss +5 -5
- data/vendor/assets/stylesheets/popover.scss +6 -6
- data/vendor/assets/stylesheets/progress.scss +2 -2
- data/vendor/assets/stylesheets/reset.scss +2 -2
- data/vendor/assets/stylesheets/sidebar.scss +6 -5
- data/vendor/assets/stylesheets/spinner.scss +29 -29
- data/vendor/assets/stylesheets/swoggle.scss +13 -13
- data/vendor/assets/stylesheets/table.scss +17 -13
- data/vendor/assets/stylesheets/timepicker.scss +5 -5
- data/vendor/assets/stylesheets/tooltip.scss +5 -5
- data/vendor/assets/stylesheets/trunk.scss +9 -8
- data/vendor/assets/stylesheets/typeahead.scss +1 -1
- data/vendor/assets/stylesheets/typography.scss +10 -10
- metadata +2 -2
@@ -12,12 +12,12 @@
|
|
12
12
|
z-index: 1030;
|
13
13
|
}
|
14
14
|
.navbar {
|
15
|
-
background: rgba(
|
15
|
+
background: rgba(91,146,250,1);
|
16
16
|
border-collapse: separate;
|
17
|
-
border-top:
|
17
|
+
border-top: 4px solid rgba(0,0,0,0.1);
|
18
18
|
box-sizing: border-box;
|
19
19
|
display: table;
|
20
|
-
height:
|
20
|
+
height: 46px;
|
21
21
|
table-layout: fixed;
|
22
22
|
width: 100%;
|
23
23
|
}
|
@@ -30,7 +30,10 @@
|
|
30
30
|
text-align: center;
|
31
31
|
width: 1%;
|
32
32
|
}
|
33
|
-
.navbar > a.active
|
33
|
+
.navbar > a.active,
|
34
|
+
.navbar > a:active,
|
35
|
+
.navbar > a:hover,
|
36
|
+
.navbar > a:focus { color: rgba(255,255,255,1); }
|
34
37
|
|
35
38
|
/* # Media Queries
|
36
39
|
================================================== */
|
@@ -17,18 +17,18 @@
|
|
17
17
|
margin-right: 2px;
|
18
18
|
}
|
19
19
|
.pagination ul > li > a {
|
20
|
-
background: rgba(
|
20
|
+
background: rgba(245,248,250,1);
|
21
21
|
border-radius: 500px;
|
22
|
-
color: rgba(
|
22
|
+
color: rgba(42,44,48,1);
|
23
23
|
min-width: 8px;
|
24
24
|
padding: 9px 10px 7px 10px;
|
25
25
|
text-decoration: none;
|
26
26
|
text-align: center;
|
27
27
|
}
|
28
28
|
.pagination ul > li > a:hover,
|
29
|
-
.pagination ul > li > a:focus { background: rgba(
|
29
|
+
.pagination ul > li > a:focus { background: rgba(235,238,240,1); }
|
30
30
|
.pagination ul > .active {
|
31
|
-
background: rgba(
|
31
|
+
background: rgba(91,146,250,1);
|
32
32
|
border-radius: 500px;
|
33
33
|
color: rgba(255,255,255,1);
|
34
34
|
min-width: 8px;
|
@@ -6,7 +6,7 @@
|
|
6
6
|
================================================== */
|
7
7
|
.panel {
|
8
8
|
background: rgba(255,255,255,1);
|
9
|
-
border: 1px solid rgba(
|
9
|
+
border: 1px solid rgba(225,232,237,1);
|
10
10
|
margin-bottom: 20px;
|
11
11
|
}
|
12
12
|
.panel > .list-group { margin-bottom: 0; }
|
@@ -22,33 +22,34 @@
|
|
22
22
|
margin-bottom: 0;
|
23
23
|
}
|
24
24
|
.panel-header {
|
25
|
-
background: rgba(
|
26
|
-
border-bottom:
|
25
|
+
background: rgba(245,248,250,1);
|
26
|
+
border-bottom: 1px solid rgba(225,232,237,1);
|
27
27
|
padding: 16px 15px 14px 15px;
|
28
28
|
}
|
29
29
|
.panel-header > .btn { margin-top: -2px; }
|
30
30
|
.panel-header > .btn-group { margin: -5px 0 -3px 0; }
|
31
|
-
.panel-header > .dropdown .dropdown-toggle { color: rgba(
|
31
|
+
.panel-header > .dropdown .dropdown-toggle { color: rgba(42,44,48,1); }
|
32
32
|
.panel-title {
|
33
|
-
color: rgba(
|
33
|
+
color: rgba(42,44,48,1);
|
34
34
|
display: inline-block;
|
35
35
|
font-size: 17px;
|
36
|
-
letter-spacing: 1px;
|
37
36
|
line-height: 17px;
|
38
37
|
margin-bottom: 0;
|
39
38
|
margin-top: 0;
|
40
|
-
text-transform: uppercase;
|
41
39
|
}
|
42
|
-
.panel-title > a
|
43
|
-
.panel-title > a
|
40
|
+
.panel-title > a,
|
41
|
+
.panel-title > a.active,
|
42
|
+
.panel-title > a:active,
|
43
|
+
.panel-title > a:hover,
|
44
|
+
.panel-title > a:focus { color: rgba(42,44,48,1); }
|
44
45
|
.panel-body { padding: 15px; }
|
45
46
|
.panel-body-chart {
|
46
47
|
margin-bottom: -10px;
|
47
48
|
width: 100%;
|
48
49
|
}
|
49
50
|
.panel-footer {
|
50
|
-
background: rgba(
|
51
|
-
border-top:
|
51
|
+
background: rgba(245,248,250,1);
|
52
|
+
border-top: 1px solid rgba(225,232,237,1);
|
52
53
|
padding: 13px 15px 10px 15px;
|
53
54
|
}
|
54
55
|
.panel-group { margin-bottom: 20px; }
|
@@ -59,6 +60,6 @@
|
|
59
60
|
}
|
60
61
|
.panel-group .panel + .panel { margin-top: 5px; }
|
61
62
|
.panel-group .panel-header { border-bottom: 0; }
|
62
|
-
.panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(
|
63
|
+
.panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(225,232,237,1); }
|
63
64
|
.panel-group .panel-footer { border-top: 0; }
|
64
|
-
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(
|
65
|
+
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(225,232,237,1); }
|
@@ -8,7 +8,7 @@
|
|
8
8
|
================================================== */
|
9
9
|
.placeholder { text-align: center; }
|
10
10
|
.placeholder i {
|
11
|
-
background: rgba(
|
11
|
+
background: rgba(91,146,250,1);
|
12
12
|
border-radius: 500px;
|
13
13
|
color: rgba(255,255,255,1);
|
14
14
|
display: inline-block;
|
@@ -18,12 +18,12 @@
|
|
18
18
|
width: 120px;
|
19
19
|
}
|
20
20
|
.placeholder h6 {
|
21
|
-
color: rgba(
|
21
|
+
color: rgba(85,94,113,1);
|
22
22
|
letter-spacing: 1px;
|
23
23
|
text-transform: uppercase;
|
24
24
|
}
|
25
25
|
.placeholder p {
|
26
|
-
color: rgba(
|
26
|
+
color: rgba(136,153,166,1);
|
27
27
|
font-size: 14px;
|
28
28
|
line-height: 22px;
|
29
29
|
}
|
@@ -32,7 +32,7 @@
|
|
32
32
|
================================================== */
|
33
33
|
.placeholder-large i {
|
34
34
|
background: transparent;
|
35
|
-
color: rgba(
|
35
|
+
color: rgba(85,94,113,1);
|
36
36
|
display: inline-block;
|
37
37
|
font-size: 256px;
|
38
38
|
height: initial;
|
@@ -40,7 +40,7 @@
|
|
40
40
|
width: initial;
|
41
41
|
}
|
42
42
|
.placeholder-divider {
|
43
|
-
background: rgba(
|
43
|
+
background: rgba(245,248,250,1);
|
44
44
|
border-radius: 500px;
|
45
45
|
height: 8px;
|
46
46
|
margin: 20px auto;
|
@@ -7,8 +7,8 @@
|
|
7
7
|
.popover {
|
8
8
|
background-clip: padding-box;
|
9
9
|
background: rgba(255,255,255,1);
|
10
|
-
border: 1px solid rgba(
|
11
|
-
box-shadow: 0 0 3px rgba(
|
10
|
+
border: 1px solid rgba(225,232,237,1);
|
11
|
+
box-shadow: 0 0 3px rgba(225,232,237,1);
|
12
12
|
display: none;
|
13
13
|
float: none;
|
14
14
|
font-style: normal;
|
@@ -28,9 +28,9 @@
|
|
28
28
|
.popover.bottom { margin-top: 10px; }
|
29
29
|
.popover.left { margin-left: -10px; }
|
30
30
|
.popover-title {
|
31
|
-
background: rgba(
|
32
|
-
border-bottom:
|
33
|
-
color: rgba(
|
31
|
+
background: rgba(245,248,250,1);
|
32
|
+
border-bottom: 1px solid rgba(225,232,237,1);
|
33
|
+
color: rgba(42,44,48,1);
|
34
34
|
font-weight: bold;
|
35
35
|
font-size: 14px;
|
36
36
|
letter-spacing: 0;
|
@@ -41,7 +41,7 @@
|
|
41
41
|
.popover-title:empty { display: none; }
|
42
42
|
.popover-content {
|
43
43
|
background: rgba(255,255,255,1);
|
44
|
-
color: rgba(
|
44
|
+
color: rgba(42,44,48,1);
|
45
45
|
font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
|
46
46
|
font-weight: normal;
|
47
47
|
font-size: 14px;
|
@@ -13,13 +13,13 @@
|
|
13
13
|
to { background-position: 0 0; }
|
14
14
|
}
|
15
15
|
.progress {
|
16
|
-
background: rgba(
|
16
|
+
background: rgba(245,248,250,1);
|
17
17
|
border-radius: 500px;
|
18
18
|
height: 25px;
|
19
19
|
overflow: hidden;
|
20
20
|
}
|
21
21
|
.progress .bar {
|
22
|
-
background: rgba(
|
22
|
+
background: rgba(91,146,250,1);
|
23
23
|
box-sizing: border-box;
|
24
24
|
color: rgba(255,255,255,1);
|
25
25
|
float: left;
|
@@ -52,7 +52,7 @@ h6 {
|
|
52
52
|
}
|
53
53
|
abbr,
|
54
54
|
acronym {
|
55
|
-
border-bottom: 1px dotted rgba(
|
55
|
+
border-bottom: 1px dotted rgba(42,44,48,1);
|
56
56
|
font-variant: normal;
|
57
57
|
}
|
58
58
|
caption,
|
@@ -74,7 +74,7 @@ select {
|
|
74
74
|
}
|
75
75
|
html,
|
76
76
|
body {
|
77
|
-
color: rgba(
|
77
|
+
color: rgba(42,44,48,1);
|
78
78
|
font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
|
79
79
|
font-size: 100%;
|
80
80
|
-webkit-font-smoothing: antialiased;
|
@@ -6,8 +6,8 @@
|
|
6
6
|
/* # Sidebar
|
7
7
|
================================================== */
|
8
8
|
.sidebar {
|
9
|
-
background: rgba(
|
10
|
-
border-left:
|
9
|
+
background: rgba(42,44,48,1);
|
10
|
+
border-left: 4px solid rgba(0,0,0,0.2);
|
11
11
|
box-sizing: border-box;
|
12
12
|
height: 100%;
|
13
13
|
min-width: 280px;
|
@@ -15,11 +15,11 @@
|
|
15
15
|
width: 280px;
|
16
16
|
}
|
17
17
|
.sidebar-alt {
|
18
|
-
border-right:
|
18
|
+
border-right: 1px solid rgba(0,0,0,0.2);
|
19
19
|
border-left: 0;
|
20
20
|
}
|
21
21
|
.sidebar-header {
|
22
|
-
border-bottom: 1px solid rgba(0,0,0,0.
|
22
|
+
border-bottom: 1px solid rgba(0,0,0,0.15);
|
23
23
|
font-size: 12px;
|
24
24
|
line-height: 12px;
|
25
25
|
padding: 12px 20px 10px 10px;
|
@@ -29,6 +29,7 @@
|
|
29
29
|
padding-left: 20px;
|
30
30
|
}
|
31
31
|
.sidebar-header > h6 {
|
32
|
+
color: rgba(255,255,255,1);
|
32
33
|
font-size: 12px;
|
33
34
|
font-weight: normal;
|
34
35
|
letter-spacing: 1px;
|
@@ -48,7 +49,7 @@
|
|
48
49
|
padding-left: 20px;
|
49
50
|
}
|
50
51
|
.sidebar-scrollable {
|
51
|
-
border-bottom: 1px solid rgba(
|
52
|
+
border-bottom: 1px solid rgba(0,0,0,0.15);
|
52
53
|
height: auto;
|
53
54
|
max-height: calc(50% - 60px);
|
54
55
|
-webkit-overflow-scrolling: touch;
|
@@ -82,7 +82,7 @@
|
|
82
82
|
-webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
|
83
83
|
animation: spinnerBeat 1.3s infinite ease-in-out;
|
84
84
|
background: rgba(255,255,255,1);
|
85
|
-
border: 2px solid rgba(
|
85
|
+
border: 2px solid rgba(91,146,250,1);
|
86
86
|
border-radius: 500px;
|
87
87
|
-moz-box-sizing: border-box;
|
88
88
|
box-sizing: border-box;
|
@@ -114,8 +114,8 @@
|
|
114
114
|
.spinner-circle-container-3 > div {
|
115
115
|
-webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
|
116
116
|
animation: spinnerCircle 1.2s infinite ease-in-out;
|
117
|
-
background: rgba(
|
118
|
-
border: 1px solid rgba(
|
117
|
+
background: rgba(91,146,250,1);
|
118
|
+
border: 1px solid rgba(91,146,250,1);
|
119
119
|
border-radius: 500px;
|
120
120
|
-moz-box-sizing: border-box;
|
121
121
|
box-sizing: border-box;
|
@@ -232,8 +232,8 @@
|
|
232
232
|
.spinner-chase-2 {
|
233
233
|
-webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
|
234
234
|
animation: spinnerChaseBounce 2.0s infinite ease-in-out;
|
235
|
-
background: rgba(
|
236
|
-
border: 1px solid rgba(
|
235
|
+
background: rgba(91,146,250,1);
|
236
|
+
border: 1px solid rgba(91,146,250,1);
|
237
237
|
border-radius: 500px;
|
238
238
|
-moz-box-sizing: border-box;
|
239
239
|
box-sizing: border-box;
|
@@ -276,7 +276,7 @@
|
|
276
276
|
.spinner-crescent {
|
277
277
|
-webkit-animation: spinnerCrescent 1.2s infinite linear;
|
278
278
|
animation: spinnerCrescent 1.2s infinite linear;
|
279
|
-
border: 9px solid rgba(
|
279
|
+
border: 9px solid rgba(91,146,250,1);
|
280
280
|
border-right-color: transparent;
|
281
281
|
border-radius: 500px;
|
282
282
|
-moz-box-sizing: border-box;
|
@@ -315,7 +315,7 @@
|
|
315
315
|
.spinner-cube-9 {
|
316
316
|
-webkit-animation: spinnerCube 1.3s infinite ease-in-out;
|
317
317
|
animation: spinnerCube 1.3s infinite ease-in-out;
|
318
|
-
background: rgba(
|
318
|
+
background: rgba(91,146,250,1);
|
319
319
|
border: 1px solid rgba(255,255,255,1);
|
320
320
|
border-radius: 500px;
|
321
321
|
-moz-box-sizing: border-box;
|
@@ -388,8 +388,8 @@
|
|
388
388
|
.spinner-double-bounce-2 {
|
389
389
|
-webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
|
390
390
|
animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
|
391
|
-
background: rgba(
|
392
|
-
border: 1px solid rgba(
|
391
|
+
background: rgba(91,146,250,1);
|
392
|
+
border: 1px solid rgba(91,146,250,1);
|
393
393
|
border-radius: 50%;
|
394
394
|
-moz-box-sizing: border-box;
|
395
395
|
box-sizing: border-box;
|
@@ -409,13 +409,13 @@
|
|
409
409
|
-webkit-transform: rotate(0deg);
|
410
410
|
-ms-transform: rotate(0deg);
|
411
411
|
transform: rotate(0deg);
|
412
|
-
box-shadow: rgba(
|
412
|
+
box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
|
413
413
|
}
|
414
414
|
50% {
|
415
415
|
-webkit-transform: rotate(1080deg);
|
416
416
|
-ms-transform: rotate(1080deg);
|
417
417
|
transform: rotate(1080deg);
|
418
|
-
box-shadow: rgba(
|
418
|
+
box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
|
419
419
|
}
|
420
420
|
}
|
421
421
|
@keyframes spinnerFlower {
|
@@ -423,13 +423,13 @@
|
|
423
423
|
-webkit-transform: rotate(0deg);
|
424
424
|
-ms-transform: rotate(0deg);
|
425
425
|
transform: rotate(0deg);
|
426
|
-
box-shadow: rgba(
|
426
|
+
box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0;
|
427
427
|
}
|
428
428
|
50% {
|
429
429
|
-webkit-transform: rotate(1080deg);
|
430
430
|
-ms-transform: rotate(1080deg);
|
431
431
|
transform: rotate(1080deg);
|
432
|
-
box-shadow: rgba(
|
432
|
+
box-shadow: rgba(91,146,250,1) 0 0 23px 0, rgba(91,146,250,1) 20px 20px 0 0, rgba(91,146,250,1) -20px 20px 0 0, rgba(91,146,250,1) -20px -20px 0 0, rgba(91,146,250,1) 20px -20px 0 0;
|
433
433
|
}
|
434
434
|
}
|
435
435
|
.spinner-flower {
|
@@ -461,14 +461,14 @@
|
|
461
461
|
.spinner-orbit {
|
462
462
|
-webkit-animation: spinnerOrbit 1s linear infinite;
|
463
463
|
animation: spinnerOrbit 1s linear infinite;
|
464
|
-
border: 1px solid rgba(
|
464
|
+
border: 1px solid rgba(91,146,250,1);
|
465
465
|
border-radius: 500px;
|
466
466
|
height: 60px;
|
467
467
|
width: 60px;
|
468
468
|
}
|
469
469
|
.spinner-orbit-1 {
|
470
|
-
background: rgba(
|
471
|
-
border: 1px solid rgba(
|
470
|
+
background: rgba(91,146,250,1);
|
471
|
+
border: 1px solid rgba(91,146,250,1);
|
472
472
|
border-radius: 500px;
|
473
473
|
-moz-box-sizing: border-box;
|
474
474
|
box-sizing: border-box;
|
@@ -498,8 +498,8 @@
|
|
498
498
|
.spinner-pulse {
|
499
499
|
-webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
|
500
500
|
animation: spinnerPulse 1.0s infinite ease-in-out;
|
501
|
-
background: rgba(
|
502
|
-
border: 1px solid rgba(
|
501
|
+
background: rgba(91,146,250,1);
|
502
|
+
border: 1px solid rgba(91,146,250,1);
|
503
503
|
border-radius: 500px;
|
504
504
|
-moz-box-sizing: border-box;
|
505
505
|
box-sizing: border-box;
|
@@ -531,8 +531,8 @@
|
|
531
531
|
.spinner-rotating-plane {
|
532
532
|
-webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
|
533
533
|
animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
|
534
|
-
background: rgba(
|
535
|
-
border: 1px solid rgba(
|
534
|
+
background: rgba(91,146,250,1);
|
535
|
+
border: 1px solid rgba(91,146,250,1);
|
536
536
|
-moz-box-sizing: border-box;
|
537
537
|
box-sizing: border-box;
|
538
538
|
height: 100px;
|
@@ -558,8 +558,8 @@
|
|
558
558
|
.spinner-triple-bounce > div {
|
559
559
|
-webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
|
560
560
|
animation: spinnerTripleBounce 1.4s infinite ease-in-out;
|
561
|
-
background: rgba(
|
562
|
-
border: 1px solid rgba(
|
561
|
+
background: rgba(91,146,250,1);
|
562
|
+
border: 1px solid rgba(91,146,250,1);
|
563
563
|
border-radius: 500px;
|
564
564
|
-moz-box-sizing: border-box;
|
565
565
|
box-sizing: border-box;
|
@@ -616,8 +616,8 @@
|
|
616
616
|
.spinner-wander-2 {
|
617
617
|
-webkit-animation: spinnerWander 1.8s infinite ease-in-out;
|
618
618
|
animation: spinnerWander 1.8s infinite ease-in-out;
|
619
|
-
background: rgba(
|
620
|
-
border: 1px solid rgba(
|
619
|
+
background: rgba(91,146,250,1);
|
620
|
+
border: 1px solid rgba(91,146,250,1);
|
621
621
|
-moz-box-sizing: border-box;
|
622
622
|
box-sizing: border-box;
|
623
623
|
height: 20px;
|
@@ -650,8 +650,8 @@
|
|
650
650
|
.spinner-wave > div {
|
651
651
|
-webkit-animation: spinnerWave 1.2s infinite ease-in-out;
|
652
652
|
animation: spinnerWave 1.2s infinite ease-in-out;
|
653
|
-
background: rgba(
|
654
|
-
border: 1px solid rgba(
|
653
|
+
background: rgba(91,146,250,1);
|
654
|
+
border: 1px solid rgba(91,146,250,1);
|
655
655
|
-moz-box-sizing: border-box;
|
656
656
|
box-sizing: border-box;
|
657
657
|
display: inline-block;
|
@@ -731,7 +731,7 @@
|
|
731
731
|
97% { left: 104px; }
|
732
732
|
}
|
733
733
|
.spinner-wobbler {
|
734
|
-
border: 1px solid rgba(
|
734
|
+
border: 1px solid rgba(91,146,250,1);
|
735
735
|
border-radius: 500px;
|
736
736
|
-moz-box-sizing: border-box;
|
737
737
|
box-sizing: border-box;
|
@@ -741,8 +741,8 @@
|
|
741
741
|
.spinner-wobbler::after {
|
742
742
|
-webkit-animation: spinnerWobbler 15s infinite ease-in-out;
|
743
743
|
animation: spinnerWobbler 15s infinite ease-in-out;
|
744
|
-
background: rgba(
|
745
|
-
border: 1px solid rgba(
|
744
|
+
background: rgba(91,146,250,1);
|
745
|
+
border: 1px solid rgba(91,146,250,1);
|
746
746
|
border-radius: 500px;
|
747
747
|
-moz-box-sizing: border-box;
|
748
748
|
box-sizing: border-box;
|
@@ -14,10 +14,10 @@
|
|
14
14
|
z-index: -1;
|
15
15
|
}
|
16
16
|
.swoggle {
|
17
|
-
background: rgba(
|
17
|
+
background: rgba(245,248,250,1);
|
18
18
|
border-radius: 500px;
|
19
|
-
border: 1px solid rgba(
|
20
|
-
color: rgba(
|
19
|
+
border: 1px solid rgba(245,248,250,1);
|
20
|
+
color: rgba(42,44,48,1);
|
21
21
|
cursor: pointer;
|
22
22
|
display: inline-block;
|
23
23
|
-webkit-font-smoothing: antialiased;
|
@@ -86,12 +86,12 @@
|
|
86
86
|
.swoggle.swoggle-on.swoggle-smoke,
|
87
87
|
.swoggle.swoggle-on.swoggle-yellow { color: rgba(255,255,255,1); }
|
88
88
|
.swoggle.swoggle-on.swoggle-black {
|
89
|
-
background: rgba(
|
90
|
-
border-color: rgba(
|
89
|
+
background: rgba(42,44,48,1);
|
90
|
+
border-color: rgba(42,44,48,1);
|
91
91
|
}
|
92
92
|
.swoggle.swoggle-on.swoggle-blue {
|
93
|
-
background: rgba(
|
94
|
-
border-color: rgba(
|
93
|
+
background: rgba(91,146,250,1);
|
94
|
+
border-color: rgba(91,146,250,1);
|
95
95
|
}
|
96
96
|
.swoggle.swoggle-on.swoggle-green {
|
97
97
|
background: rgba(27,192,109,1);
|
@@ -102,20 +102,20 @@
|
|
102
102
|
border-color: rgba(255,154,46,1);
|
103
103
|
}
|
104
104
|
.swoggle.swoggle-on.swoggle-purple {
|
105
|
-
background: rgba(
|
106
|
-
border-color: rgba(
|
105
|
+
background: rgba(81,68,95,1);
|
106
|
+
border-color: rgba(81,68,95,1);
|
107
107
|
}
|
108
108
|
.swoggle.swoggle-on.swoggle-red {
|
109
109
|
background: rgba(225,80,80,1);
|
110
110
|
border-color: rgba(225,80,80,1);
|
111
111
|
}
|
112
112
|
.swoggle.swoggle-on.swoggle-smoke {
|
113
|
-
background: rgba(
|
114
|
-
border-color: rgba(
|
113
|
+
background: rgba(85,94,113,1);
|
114
|
+
border-color: rgba(85,94,113,1);
|
115
115
|
}
|
116
116
|
.swoggle.swoggle-on.swoggle-yellow {
|
117
|
-
background: rgba(
|
118
|
-
border-color: rgba(
|
117
|
+
background: rgba(253,245,98,1);
|
118
|
+
border-color: rgba(253,245,98,1);
|
119
119
|
}
|
120
120
|
.swoggle.swoggle-animate > div {
|
121
121
|
-webkit-transition: margin-left 0.5s;
|