active_frontend 1.0.11 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/affix.js +2 -2
- data/vendor/assets/javascripts/alert.js +1 -1
- data/vendor/assets/javascripts/button.js +1 -1
- data/vendor/assets/javascripts/carousel.js +1 -1
- data/vendor/assets/javascripts/collapse.js +2 -2
- data/vendor/assets/javascripts/dropdown.js +8 -4
- data/vendor/assets/javascripts/loader.js +361 -0
- data/vendor/assets/javascripts/map.js +8 -0
- data/vendor/assets/javascripts/popover.js +2 -2
- data/vendor/assets/javascripts/scrollspy.js +2 -2
- data/vendor/assets/javascripts/tab.js +1 -1
- data/vendor/assets/javascripts/tooltip.js +3 -3
- data/vendor/assets/stylesheets/affix.scss +4 -1
- data/vendor/assets/stylesheets/alert.scss +23 -8
- data/vendor/assets/stylesheets/animation.scss +185 -185
- data/vendor/assets/stylesheets/aside.scss +13 -13
- data/vendor/assets/stylesheets/breadcrumb.scss +2 -2
- data/vendor/assets/stylesheets/button.scss +102 -239
- data/vendor/assets/stylesheets/canvas.scss +77 -0
- data/vendor/assets/stylesheets/carousel.scss +3 -3
- data/vendor/assets/stylesheets/code.scss +48 -54
- data/vendor/assets/stylesheets/collapse.scss +2 -2
- data/vendor/assets/stylesheets/datepicker.scss +17 -17
- data/vendor/assets/stylesheets/dropdown.scss +11 -11
- data/vendor/assets/stylesheets/footer.scss +88 -20
- data/vendor/assets/stylesheets/form.scss +25 -59
- data/vendor/assets/stylesheets/grid.scss +137 -168
- data/vendor/assets/stylesheets/header.scss +61 -98
- data/vendor/assets/stylesheets/image.scss +24 -269
- data/vendor/assets/stylesheets/label_and_badge.scss +50 -49
- data/vendor/assets/stylesheets/link.scss +11 -7
- data/vendor/assets/stylesheets/loader.scss +56 -0
- data/vendor/assets/stylesheets/map.scss +1 -1
- data/vendor/assets/stylesheets/modal.scss +13 -13
- data/vendor/assets/stylesheets/nav_and_tab.scss +12 -12
- data/vendor/assets/stylesheets/pagination.scss +3 -3
- data/vendor/assets/stylesheets/panel.scss +2 -2
- data/vendor/assets/stylesheets/placeholder.scss +1 -1
- data/vendor/assets/stylesheets/popover.scss +12 -12
- data/vendor/assets/stylesheets/progress.scss +5 -5
- data/vendor/assets/stylesheets/reset.scss +10 -9
- data/vendor/assets/stylesheets/sidebar.scss +65 -0
- data/vendor/assets/stylesheets/spinner.scss +100 -112
- data/vendor/assets/stylesheets/swoggle.scss +29 -26
- data/vendor/assets/stylesheets/table.scss +7 -7
- data/vendor/assets/stylesheets/timepicker.scss +10 -10
- data/vendor/assets/stylesheets/tooltip.scss +9 -9
- data/vendor/assets/stylesheets/transition.scss +1 -1
- data/vendor/assets/stylesheets/trunk.scss +19 -24
- data/vendor/assets/stylesheets/typeahead.scss +1 -1
- data/vendor/assets/stylesheets/typography.scss +7 -7
- metadata +6 -2
@@ -19,25 +19,25 @@
|
|
19
19
|
overflow: hidden;
|
20
20
|
}
|
21
21
|
.progress .bar {
|
22
|
-
background: rgba(
|
22
|
+
background: rgba(0,132,255,1);
|
23
23
|
box-sizing: border-box;
|
24
24
|
color: rgba(255,255,255,1);
|
25
25
|
float: left;
|
26
26
|
font-size: 13px;
|
27
27
|
height: 100%;
|
28
28
|
-webkit-transition: width 0.6s ease;
|
29
|
-
|
29
|
+
transition: width 0.6s ease;
|
30
30
|
text-align: center;
|
31
31
|
width: 0;
|
32
32
|
}
|
33
33
|
.progress .bar-striped {
|
34
34
|
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
|
35
|
-
background-image:
|
35
|
+
background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
|
36
36
|
-webkit-background-size: 40px 40px;
|
37
|
-
|
37
|
+
background-size: 40px 40px;
|
38
38
|
}
|
39
39
|
.progress .bar-striped.active {
|
40
40
|
-webkit-animation: progressBarStripes 2s linear infinite;
|
41
|
-
|
41
|
+
animation: progressBarStripes 2s linear infinite;
|
42
42
|
}
|
43
43
|
.progress-mini { height: 8px; }
|
@@ -29,7 +29,7 @@ td {
|
|
29
29
|
}
|
30
30
|
table {
|
31
31
|
border-collapse: collapse;
|
32
|
-
|
32
|
+
border-spacing: 0;
|
33
33
|
}
|
34
34
|
address,
|
35
35
|
caption,
|
@@ -39,7 +39,7 @@ dfn,
|
|
39
39
|
th,
|
40
40
|
var {
|
41
41
|
font-weight: normal;
|
42
|
-
|
42
|
+
font-style: normal;
|
43
43
|
}
|
44
44
|
h1,
|
45
45
|
h2,
|
@@ -48,7 +48,7 @@ h4,
|
|
48
48
|
h5,
|
49
49
|
h6 {
|
50
50
|
font-weight: normal;
|
51
|
-
|
51
|
+
font-size: 100%;
|
52
52
|
}
|
53
53
|
abbr,
|
54
54
|
acronym {
|
@@ -69,20 +69,21 @@ textarea,
|
|
69
69
|
select {
|
70
70
|
font-family: inherit;
|
71
71
|
font-weight: inherit;
|
72
|
-
|
73
|
-
|
72
|
+
font-size: inherit;
|
73
|
+
*font-size: 100%;
|
74
74
|
}
|
75
75
|
html,
|
76
76
|
body {
|
77
77
|
color: rgba(43,50,53,1);
|
78
78
|
font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
|
79
79
|
-webkit-font-smoothing: antialiased;
|
80
|
-
|
80
|
+
font-smooth: always;
|
81
|
+
height: 100%;
|
81
82
|
-webkit-overflow-scrolling: touch;
|
82
|
-
|
83
|
+
overflow-scrolling: touch;
|
83
84
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
84
|
-
|
85
|
+
tap-highlight-color: rgba(0,0,0,0);
|
85
86
|
text-rendering: optimizeLegibility;
|
86
87
|
-webkit-text-size-adjust: 100%;
|
87
|
-
|
88
|
+
text-size-adjust: 100%;
|
88
89
|
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
/* Table of Contents
|
2
|
+
==================================================
|
3
|
+
# Sidebar
|
4
|
+
# Media Queries */
|
5
|
+
|
6
|
+
/* # Sidebar
|
7
|
+
================================================== */
|
8
|
+
.sidebar {
|
9
|
+
background: rgba(255,255,255,1);
|
10
|
+
border-left: 1px solid rgba(225,232,237,1);
|
11
|
+
box-shadow: inset 1px 0 3px rgba(225,232,237,1);
|
12
|
+
box-sizing: border-box;
|
13
|
+
height: 100%;
|
14
|
+
min-width: 280px;
|
15
|
+
position: fixed;
|
16
|
+
width: 280px;
|
17
|
+
}
|
18
|
+
.sidebar-alt {
|
19
|
+
border-right: 1px solid rgba(225,232,237,1);
|
20
|
+
border-left: 0;
|
21
|
+
box-shadow: inset -1px 0 3px rgba(225,232,237,1);
|
22
|
+
}
|
23
|
+
.sidebar-header {
|
24
|
+
border-bottom: 1px solid rgba(225,232,237,1);
|
25
|
+
font-size: 12px;
|
26
|
+
line-height: 12px;
|
27
|
+
padding: 10px 20px 8px 10px;
|
28
|
+
}
|
29
|
+
.sidebar-alt > .sidebar-header {
|
30
|
+
padding-right: 10px;
|
31
|
+
padding-left: 20px;
|
32
|
+
}
|
33
|
+
.sidebar-header > h6 {
|
34
|
+
color: rgba(43,50,53,1);
|
35
|
+
font-size: 12px;
|
36
|
+
font-weight: normal;
|
37
|
+
letter-spacing: 1px;
|
38
|
+
line-height: 12px;
|
39
|
+
text-transform: uppercase;
|
40
|
+
}
|
41
|
+
.sidebar-content {
|
42
|
+
height: calc(100% - 51px);
|
43
|
+
overflow-x: hidden;
|
44
|
+
overflow-y: auto;
|
45
|
+
padding: 10px 20px 10px 10px;
|
46
|
+
}
|
47
|
+
.sidebar-alt > .sidebar-content {
|
48
|
+
padding-right: 10px;
|
49
|
+
padding-left: 20px;
|
50
|
+
}
|
51
|
+
.sidebar-scrollable {
|
52
|
+
border-bottom: 1px solid rgba(225,232,237,1);
|
53
|
+
height: auto;
|
54
|
+
max-height: calc(50% - 51px);
|
55
|
+
overflow-y: auto;
|
56
|
+
}
|
57
|
+
|
58
|
+
/* # Media Queries
|
59
|
+
================================================== */
|
60
|
+
@media only screen and (max-width: 1199px) {
|
61
|
+
.sidebar {
|
62
|
+
min-width: 220px;
|
63
|
+
width: 220px;
|
64
|
+
}
|
65
|
+
}
|
@@ -5,7 +5,7 @@
|
|
5
5
|
/* # Spinner
|
6
6
|
================================================== */
|
7
7
|
.spinner-backdrop {
|
8
|
-
background: rgba(
|
8
|
+
background: rgba(255,255,255,0.80);
|
9
9
|
bottom: 0;
|
10
10
|
left: 0;
|
11
11
|
position: fixed;
|
@@ -15,11 +15,11 @@
|
|
15
15
|
}
|
16
16
|
.spinner {
|
17
17
|
-webkit-animation-fill-mode: both;
|
18
|
-
|
18
|
+
animation-fill-mode: both;
|
19
19
|
-webkit-backface-visibility: hidden !important;
|
20
|
-
|
20
|
+
backface-visibility: hidden !important;
|
21
21
|
-webkit-perspective: 1000;
|
22
|
-
|
22
|
+
perspective: 1000;
|
23
23
|
margin: 15% auto 0 auto;
|
24
24
|
position: relative;
|
25
25
|
text-align: center;
|
@@ -80,12 +80,12 @@
|
|
80
80
|
}
|
81
81
|
.spinner-beat {
|
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:
|
86
|
-
|
85
|
+
border: 2px solid rgba(0,132,255,1);
|
86
|
+
border-radius: 500px;
|
87
87
|
-moz-box-sizing: border-box;
|
88
|
-
|
88
|
+
box-sizing: border-box;
|
89
89
|
height: 50px;
|
90
90
|
width: 50px;
|
91
91
|
}
|
@@ -113,13 +113,12 @@
|
|
113
113
|
.spinner-circle-container-2 > div,
|
114
114
|
.spinner-circle-container-3 > div {
|
115
115
|
-webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
|
116
|
-
|
117
|
-
background: rgba(
|
118
|
-
border: 1px solid rgba(
|
116
|
+
animation: spinnerCircle 1.2s infinite ease-in-out;
|
117
|
+
background: rgba(0,132,255,1);
|
118
|
+
border: 1px solid rgba(0,132,255,1);
|
119
119
|
border-radius: 500px;
|
120
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
121
120
|
-moz-box-sizing: border-box;
|
122
|
-
|
121
|
+
box-sizing: border-box;
|
123
122
|
height: 15px;
|
124
123
|
position: absolute;
|
125
124
|
width: 15px;
|
@@ -131,11 +130,11 @@
|
|
131
130
|
}
|
132
131
|
.spinner-circle-container-2 {
|
133
132
|
-webkit-transform: rotateZ(45deg);
|
134
|
-
|
133
|
+
transform: rotateZ(45deg);
|
135
134
|
}
|
136
135
|
.spinner-circle-container-3 {
|
137
136
|
-webkit-transform: rotateZ(90deg);
|
138
|
-
|
137
|
+
transform: rotateZ(90deg);
|
139
138
|
}
|
140
139
|
.spinner-circle-1 {
|
141
140
|
left: 0;
|
@@ -155,47 +154,47 @@
|
|
155
154
|
}
|
156
155
|
.spinner-circle-container-2 .spinner-circle-1 {
|
157
156
|
-webkit-animation-delay: -1.1s;
|
158
|
-
|
157
|
+
animation-delay: -1.1s;
|
159
158
|
}
|
160
159
|
.spinner-circle-container-3 .spinner-circle-1 {
|
161
160
|
-webkit-animation-delay: -1.0s;
|
162
|
-
|
161
|
+
animation-delay: -1.0s;
|
163
162
|
}
|
164
163
|
.spinner-circle-container-1 .spinner-circle-2 {
|
165
164
|
-webkit-animation-delay: -0.9s;
|
166
|
-
|
165
|
+
animation-delay: -0.9s;
|
167
166
|
}
|
168
167
|
.spinner-circle-container-2 .spinner-circle-2 {
|
169
168
|
-webkit-animation-delay: -0.8s;
|
170
|
-
|
169
|
+
animation-delay: -0.8s;
|
171
170
|
}
|
172
171
|
.spinner-circle-container-3 .spinner-circle-2 {
|
173
172
|
-webkit-animation-delay: -0.7s;
|
174
|
-
|
173
|
+
animation-delay: -0.7s;
|
175
174
|
}
|
176
175
|
.spinner-circle-container-1 .spinner-circle-3 {
|
177
176
|
-webkit-animation-delay: -0.6s;
|
178
|
-
|
177
|
+
animation-delay: -0.6s;
|
179
178
|
}
|
180
179
|
.spinner-circle-container-2 .spinner-circle-3 {
|
181
180
|
-webkit-animation-delay: -0.5s;
|
182
|
-
|
181
|
+
animation-delay: -0.5s;
|
183
182
|
}
|
184
183
|
.spinner-circle-container-3 .spinner-circle-3 {
|
185
184
|
-webkit-animation-delay: -0.4s;
|
186
|
-
|
185
|
+
animation-delay: -0.4s;
|
187
186
|
}
|
188
187
|
.spinner-circle-container-1 .spinner-circle-4 {
|
189
188
|
-webkit-animation-delay: -0.3s;
|
190
|
-
|
189
|
+
animation-delay: -0.3s;
|
191
190
|
}
|
192
191
|
.spinner-circle-container-2 .spinner-circle-4 {
|
193
192
|
-webkit-animation-delay: -0.2s;
|
194
|
-
|
193
|
+
animation-delay: -0.2s;
|
195
194
|
}
|
196
195
|
.spinner-circle-container-3 .spinner-circle-4 {
|
197
196
|
-webkit-animation-delay: -0.1s;
|
198
|
-
|
197
|
+
animation-delay: -0.1s;
|
199
198
|
}
|
200
199
|
@-webkit-keyframes spinnerChaseRotate {
|
201
200
|
100% { -webkit-transform: rotate(360deg) }
|
@@ -225,20 +224,19 @@
|
|
225
224
|
}
|
226
225
|
.spinner-chase {
|
227
226
|
-webkit-animation: spinnerChaseRotate 2.0s infinite linear;
|
228
|
-
|
227
|
+
animation: spinnerChaseRotate 2.0s infinite linear;
|
229
228
|
height: 60px;
|
230
229
|
width: 60px;
|
231
230
|
}
|
232
231
|
.spinner-chase-1,
|
233
232
|
.spinner-chase-2 {
|
234
233
|
-webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
|
235
|
-
|
236
|
-
background: rgba(
|
237
|
-
border: 1px solid rgba(
|
234
|
+
animation: spinnerChaseBounce 2.0s infinite ease-in-out;
|
235
|
+
background: rgba(0,132,255,1);
|
236
|
+
border: 1px solid rgba(0,132,255,1);
|
238
237
|
border-radius: 500px;
|
239
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
240
238
|
-moz-box-sizing: border-box;
|
241
|
-
|
239
|
+
box-sizing: border-box;
|
242
240
|
display: inline-block;
|
243
241
|
height: 60%;
|
244
242
|
position: absolute;
|
@@ -247,7 +245,7 @@
|
|
247
245
|
}
|
248
246
|
.spinner-chase-2 {
|
249
247
|
-webkit-animation-delay: -1.0s;
|
250
|
-
|
248
|
+
animation-delay: -1.0s;
|
251
249
|
bottom: 0;
|
252
250
|
top: auto;
|
253
251
|
}
|
@@ -277,12 +275,12 @@
|
|
277
275
|
}
|
278
276
|
.spinner-crescent {
|
279
277
|
-webkit-animation: spinnerCrescent 1.2s infinite linear;
|
280
|
-
|
281
|
-
border: 9px solid rgba(
|
278
|
+
animation: spinnerCrescent 1.2s infinite linear;
|
279
|
+
border: 9px solid rgba(0,132,255,1);
|
282
280
|
border-right-color: transparent;
|
283
281
|
border-radius: 500px;
|
284
282
|
-moz-box-sizing: border-box;
|
285
|
-
|
283
|
+
box-sizing: border-box;
|
286
284
|
height: 60px;
|
287
285
|
width: 60px;
|
288
286
|
}
|
@@ -316,54 +314,54 @@
|
|
316
314
|
.spinner-cube-8,
|
317
315
|
.spinner-cube-9 {
|
318
316
|
-webkit-animation: spinnerCube 1.3s infinite ease-in-out;
|
319
|
-
|
320
|
-
background: rgba(
|
321
|
-
border: 1px solid rgba(
|
322
|
-
|
317
|
+
animation: spinnerCube 1.3s infinite ease-in-out;
|
318
|
+
background: rgba(0,132,255,1);
|
319
|
+
border: 1px solid rgba(255,255,255,1);
|
320
|
+
border-radius: 500px;
|
323
321
|
-moz-box-sizing: border-box;
|
324
|
-
|
322
|
+
box-sizing: border-box;
|
325
323
|
float: left;
|
326
324
|
height: 33%;
|
327
325
|
width: 33%;
|
328
326
|
}
|
329
|
-
.spinner-cube-
|
330
|
-
.spinner-cube-
|
331
|
-
.spinner-cube-
|
327
|
+
.spinner-cube-7,
|
328
|
+
.spinner-cube-8,
|
329
|
+
.spinner-cube-9 { margin-top: -1px; }
|
332
330
|
.spinner-cube .spinner-cube-1 {
|
333
331
|
-webkit-animation-delay: 0.2s;
|
334
|
-
|
332
|
+
animation-delay: 0.2s;
|
335
333
|
}
|
336
334
|
.spinner-cube .spinner-cube-2 {
|
337
335
|
-webkit-animation-delay: 0.3s;
|
338
|
-
|
336
|
+
animation-delay: 0.3s;
|
339
337
|
}
|
340
338
|
.spinner-cube .spinner-cube-3 {
|
341
339
|
-webkit-animation-delay: 0.4s;
|
342
|
-
|
340
|
+
animation-delay: 0.4s;
|
343
341
|
}
|
344
342
|
.spinner-cube .spinner-cube-4 {
|
345
343
|
-webkit-animation-delay: 0.1s;
|
346
|
-
|
344
|
+
animation-delay: 0.1s;
|
347
345
|
}
|
348
346
|
.spinner-cube .spinner-cube-5 {
|
349
347
|
-webkit-animation-delay: 0.2s;
|
350
|
-
|
348
|
+
animation-delay: 0.2s;
|
351
349
|
}
|
352
350
|
.spinner-cube .spinner-cube-6 {
|
353
351
|
-webkit-animation-delay: 0.3s;
|
354
|
-
|
352
|
+
animation-delay: 0.3s;
|
355
353
|
}
|
356
354
|
.spinner-cube .spinner-cube-7 {
|
357
355
|
-webkit-animation-delay: 0.0s;
|
358
|
-
|
356
|
+
animation-delay: 0.0s;
|
359
357
|
}
|
360
358
|
.spinner-cube .spinner-cube-8 {
|
361
359
|
-webkit-animation-delay: 0.1s;
|
362
|
-
|
360
|
+
animation-delay: 0.1s;
|
363
361
|
}
|
364
362
|
.spinner-cube .spinner-cube-9 {
|
365
363
|
-webkit-animation-delay: 0.2s;
|
366
|
-
|
364
|
+
animation-delay: 0.2s;
|
367
365
|
}
|
368
366
|
@-webkit-keyframes spinnerDoubleBounce {
|
369
367
|
0%, 100% { -webkit-transform: scale(0.0); }
|
@@ -389,13 +387,12 @@
|
|
389
387
|
.spinner-double-bounce-1,
|
390
388
|
.spinner-double-bounce-2 {
|
391
389
|
-webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
|
392
|
-
|
393
|
-
background: rgba(
|
394
|
-
border: 1px solid rgba(
|
390
|
+
animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
|
391
|
+
background: rgba(0,132,255,1);
|
392
|
+
border: 1px solid rgba(0,132,255,1);
|
395
393
|
border-radius: 50%;
|
396
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
397
394
|
-moz-box-sizing: border-box;
|
398
|
-
|
395
|
+
box-sizing: border-box;
|
399
396
|
height: 100%;
|
400
397
|
left: 0;
|
401
398
|
opacity: 0.85;
|
@@ -405,20 +402,20 @@
|
|
405
402
|
}
|
406
403
|
.spinner-double-bounce-2 {
|
407
404
|
-webkit-animation-delay: -1.0s;
|
408
|
-
|
405
|
+
animation-delay: -1.0s;
|
409
406
|
}
|
410
407
|
@-webkit-keyframes spinnerFlower {
|
411
408
|
0% {
|
412
409
|
-webkit-transform: rotate(0deg);
|
413
410
|
-ms-transform: rotate(0deg);
|
414
411
|
transform: rotate(0deg);
|
415
|
-
box-shadow: rgba(
|
412
|
+
box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0;
|
416
413
|
}
|
417
414
|
50% {
|
418
415
|
-webkit-transform: rotate(1080deg);
|
419
416
|
-ms-transform: rotate(1080deg);
|
420
417
|
transform: rotate(1080deg);
|
421
|
-
box-shadow: rgba(
|
418
|
+
box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0;
|
422
419
|
}
|
423
420
|
}
|
424
421
|
@keyframes spinnerFlower {
|
@@ -426,24 +423,23 @@
|
|
426
423
|
-webkit-transform: rotate(0deg);
|
427
424
|
-ms-transform: rotate(0deg);
|
428
425
|
transform: rotate(0deg);
|
429
|
-
box-shadow: rgba(
|
426
|
+
box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0;
|
430
427
|
}
|
431
428
|
50% {
|
432
429
|
-webkit-transform: rotate(1080deg);
|
433
430
|
-ms-transform: rotate(1080deg);
|
434
431
|
transform: rotate(1080deg);
|
435
|
-
box-shadow: rgba(
|
432
|
+
box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0;
|
436
433
|
}
|
437
434
|
}
|
438
435
|
.spinner-flower {
|
439
436
|
-webkit-animation: spinnerFlower 5s infinite ease-in-out;
|
440
|
-
|
437
|
+
animation: spinnerFlower 5s infinite ease-in-out;
|
441
438
|
background: rgba(71,74,84,1);
|
442
439
|
border-radius: 500px;
|
443
|
-
box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
|
444
440
|
height: 24px;
|
445
441
|
-webkit-transform-origin: 50% 50%;
|
446
|
-
|
442
|
+
transform-origin: 50% 50%;
|
447
443
|
width: 24px;
|
448
444
|
}
|
449
445
|
@-webkit-keyframes spinnerOrbit {
|
@@ -464,20 +460,18 @@
|
|
464
460
|
}
|
465
461
|
.spinner-orbit {
|
466
462
|
-webkit-animation: spinnerOrbit 1s linear infinite;
|
467
|
-
|
468
|
-
border: 1px solid rgba(
|
463
|
+
animation: spinnerOrbit 1s linear infinite;
|
464
|
+
border: 1px solid rgba(0,132,255,1);
|
469
465
|
border-radius: 500px;
|
470
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
471
466
|
height: 60px;
|
472
467
|
width: 60px;
|
473
468
|
}
|
474
469
|
.spinner-orbit-1 {
|
475
|
-
background: rgba(
|
476
|
-
border: 1px solid rgba(
|
470
|
+
background: rgba(0,132,255,1);
|
471
|
+
border: 1px solid rgba(0,132,255,1);
|
477
472
|
border-radius: 500px;
|
478
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
479
473
|
-moz-box-sizing: border-box;
|
480
|
-
|
474
|
+
box-sizing: border-box;
|
481
475
|
height: 20px;
|
482
476
|
width: 20px;
|
483
477
|
}
|
@@ -503,13 +497,12 @@
|
|
503
497
|
}
|
504
498
|
.spinner-pulse {
|
505
499
|
-webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
|
506
|
-
|
507
|
-
background: rgba(
|
508
|
-
border: 1px solid rgba(
|
500
|
+
animation: spinnerPulse 1.0s infinite ease-in-out;
|
501
|
+
background: rgba(0,132,255,1);
|
502
|
+
border: 1px solid rgba(0,132,255,1);
|
509
503
|
border-radius: 500px;
|
510
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
511
504
|
-moz-box-sizing: border-box;
|
512
|
-
|
505
|
+
box-sizing: border-box;
|
513
506
|
height: 60px;
|
514
507
|
width: 60px;
|
515
508
|
}
|
@@ -537,12 +530,11 @@
|
|
537
530
|
}
|
538
531
|
.spinner-rotating-plane {
|
539
532
|
-webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
|
540
|
-
|
541
|
-
background: rgba(
|
542
|
-
border: 1px solid rgba(
|
543
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
533
|
+
animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
|
534
|
+
background: rgba(0,132,255,1);
|
535
|
+
border: 1px solid rgba(0,132,255,1);
|
544
536
|
-moz-box-sizing: border-box;
|
545
|
-
|
537
|
+
box-sizing: border-box;
|
546
538
|
height: 100px;
|
547
539
|
width: 100px;
|
548
540
|
}
|
@@ -565,24 +557,23 @@
|
|
565
557
|
.spinner-triple-bounce { width: 100px; }
|
566
558
|
.spinner-triple-bounce > div {
|
567
559
|
-webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
|
568
|
-
|
569
|
-
background: rgba(
|
570
|
-
border: 1px solid rgba(
|
560
|
+
animation: spinnerTripleBounce 1.4s infinite ease-in-out;
|
561
|
+
background: rgba(0,132,255,1);
|
562
|
+
border: 1px solid rgba(0,132,255,1);
|
571
563
|
border-radius: 500px;
|
572
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
573
564
|
-moz-box-sizing: border-box;
|
574
|
-
|
565
|
+
box-sizing: border-box;
|
575
566
|
display: inline-block;
|
576
567
|
height: 25px;
|
577
568
|
width: 25px;
|
578
569
|
}
|
579
570
|
.spinner-triple-bounce .spinner-triple-bounce-1 {
|
580
571
|
-webkit-animation-delay: -0.32s;
|
581
|
-
|
572
|
+
animation-delay: -0.32s;
|
582
573
|
}
|
583
574
|
.spinner-triple-bounce .spinner-triple-bounce-2 {
|
584
575
|
-webkit-animation-delay: -0.16s;
|
585
|
-
|
576
|
+
animation-delay: -0.16s;
|
586
577
|
}
|
587
578
|
@-webkit-keyframes spinnerWander {
|
588
579
|
25% { -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5); }
|
@@ -624,12 +615,11 @@
|
|
624
615
|
.spinner-wander-1,
|
625
616
|
.spinner-wander-2 {
|
626
617
|
-webkit-animation: spinnerWander 1.8s infinite ease-in-out;
|
627
|
-
|
628
|
-
background: rgba(
|
629
|
-
border: 1px solid rgba(
|
630
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
618
|
+
animation: spinnerWander 1.8s infinite ease-in-out;
|
619
|
+
background: rgba(0,132,255,1);
|
620
|
+
border: 1px solid rgba(0,132,255,1);
|
631
621
|
-moz-box-sizing: border-box;
|
632
|
-
|
622
|
+
box-sizing: border-box;
|
633
623
|
height: 20px;
|
634
624
|
left: 0;
|
635
625
|
position: absolute;
|
@@ -638,7 +628,7 @@
|
|
638
628
|
}
|
639
629
|
.spinner-wander-2 {
|
640
630
|
-webkit-animation-delay: -0.9s;
|
641
|
-
|
631
|
+
animation-delay: -0.9s;
|
642
632
|
}
|
643
633
|
@-webkit-keyframes spinnerWave {
|
644
634
|
0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
|
@@ -659,31 +649,30 @@
|
|
659
649
|
.spinner-wave { height: 100px; }
|
660
650
|
.spinner-wave > div {
|
661
651
|
-webkit-animation: spinnerWave 1.2s infinite ease-in-out;
|
662
|
-
|
663
|
-
background: rgba(
|
664
|
-
border: 1px solid rgba(
|
665
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
652
|
+
animation: spinnerWave 1.2s infinite ease-in-out;
|
653
|
+
background: rgba(0,132,255,1);
|
654
|
+
border: 1px solid rgba(0,132,255,1);
|
666
655
|
-moz-box-sizing: border-box;
|
667
|
-
|
656
|
+
box-sizing: border-box;
|
668
657
|
display: inline-block;
|
669
658
|
height: 100%;
|
670
659
|
width: 6px;
|
671
660
|
}
|
672
661
|
.spinner-wave .spinner-wave-2 {
|
673
662
|
-webkit-animation-delay: -1.1s;
|
674
|
-
|
663
|
+
animation-delay: -1.1s;
|
675
664
|
}
|
676
665
|
.spinner-wave .spinner-wave-3 {
|
677
666
|
-webkit-animation-delay: -1.0s;
|
678
|
-
|
667
|
+
animation-delay: -1.0s;
|
679
668
|
}
|
680
669
|
.spinner-wave .spinner-wave-4 {
|
681
670
|
-webkit-animation-delay: -0.9s;
|
682
|
-
|
671
|
+
animation-delay: -0.9s;
|
683
672
|
}
|
684
673
|
.spinner-wave .spinner-wave-5 {
|
685
674
|
-webkit-animation-delay: -0.8s;
|
686
|
-
|
675
|
+
animation-delay: -0.8s;
|
687
676
|
}
|
688
677
|
@-webkit-keyframes spinnerWobbler {
|
689
678
|
0% { left: 4px; }
|
@@ -742,22 +731,21 @@
|
|
742
731
|
97% { left: 104px; }
|
743
732
|
}
|
744
733
|
.spinner-wobbler {
|
745
|
-
border: 1px solid rgba(
|
734
|
+
border: 1px solid rgba(0,132,255,1);
|
746
735
|
border-radius: 500px;
|
747
736
|
-moz-box-sizing: border-box;
|
748
|
-
|
737
|
+
box-sizing: border-box;
|
749
738
|
height: 26px;
|
750
739
|
width: 150px;
|
751
740
|
}
|
752
741
|
.spinner-wobbler::after {
|
753
742
|
-webkit-animation: spinnerWobbler 15s infinite ease-in-out;
|
754
|
-
|
755
|
-
background: rgba(
|
756
|
-
border: 1px solid rgba(
|
743
|
+
animation: spinnerWobbler 15s infinite ease-in-out;
|
744
|
+
background: rgba(0,132,255,1);
|
745
|
+
border: 1px solid rgba(0,132,255,1);
|
757
746
|
border-radius: 500px;
|
758
|
-
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
759
747
|
-moz-box-sizing: border-box;
|
760
|
-
|
748
|
+
box-sizing: border-box;
|
761
749
|
content: '';
|
762
750
|
height: 20px;
|
763
751
|
left: 5px;
|