spicon 0.0.2 → 0.0.3
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 +5 -13
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/README.md +66 -0
- data/Rakefile +1 -0
- data/app/assets/stylesheets/spicon.css +2090 -0
- data/images/browsers.jpg +0 -0
- data/images/compatible_ie.gif +0 -0
- data/lib/spicon.rb +8 -2
- data/lib/spicon/version.rb +3 -0
- data/spicon.gemspec +20 -0
- metadata +38 -8
checksums.yaml
CHANGED
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
|
|
5
|
-
data.tar.gz: !binary |-
|
|
6
|
-
MjUxZjViNDgxZmVlYWUwZGEyMWY2ZmE3NjdjOGZhMTlhNWEwMWEyNg==
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 41aaea5d725d22aa2ff243e73f4215e8827200d6
|
|
4
|
+
data.tar.gz: f4659f9f56c6b1da3fc2d1864c95c308576c5693
|
|
7
5
|
SHA512:
|
|
8
|
-
metadata.gz:
|
|
9
|
-
|
|
10
|
-
MjM1OTEzMGIzZDFlMjJiN2ZhNzA2ZTdjM2I0NTRiOTg4NjljMzIyNTAyZTdi
|
|
11
|
-
OTdkZDdjNjY3YjFlMDJlZjU3ZDFkMTVkOGUzMDg3YjQyOTNiMjE=
|
|
12
|
-
data.tar.gz: !binary |-
|
|
13
|
-
ZTExNTUyMzc4MmVjMDYwNWZmZmNmYzA0NGI1ZjVlOTAxMDk3MzBhNTA1MTFj
|
|
14
|
-
NDc3MGM5N2VmOTFhZjE2MTUzMGE5ZDY2NGNjYWNkNDA1NWU2M2VmZTMwMTFj
|
|
15
|
-
ZmE3NTFjMmMyYzM4ZWU5OWVhOTIyMzc4MTM0ZmFmMjY2YzhlOWM=
|
|
6
|
+
metadata.gz: cd96c4e13e13c370bc72af5ededa0e496a88bd50d29b76e778c900a97d57d79711dfc70dad002386124ca025dafa89f44edb82572a4eb19515a8dc5538ae04d4
|
|
7
|
+
data.tar.gz: 5be70490fbafa75eb21f9941fe969934502f5fe6fc61e73b3b92a925ef790ba0fab487478e98f12dc219dfb83b215fef09d6e2ebf278340afa50b5d361366060
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/README.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# Spicon [](http://badge.fury.io/rb/spicon) [](https://bitdeli.com/free "Bitdeli Badge")
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
> Cool feature that makes any element on your Rails application spin on mouseover.
|
|
5
|
+
|
|
6
|
+
## Supports
|
|
7
|
+
|
|
8
|
+
Rails 2.3+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## Installation
|
|
13
|
+
|
|
14
|
+
Add this line to your application's `Gemfile`:
|
|
15
|
+
|
|
16
|
+
gem 'spicon'
|
|
17
|
+
|
|
18
|
+
And then run:
|
|
19
|
+
|
|
20
|
+
$ bundle install
|
|
21
|
+
|
|
22
|
+
Or install it yourself by executing:
|
|
23
|
+
|
|
24
|
+
$ gem install spicon
|
|
25
|
+
|
|
26
|
+
Once done, include the below line to application's `assets/stylesheets/application.css` file
|
|
27
|
+
|
|
28
|
+
*= require spicon
|
|
29
|
+
|
|
30
|
+
## Usage
|
|
31
|
+
|
|
32
|
+
Just include the class `.spicon` to the element you want to apply the spin feature on. `For example`
|
|
33
|
+
|
|
34
|
+
%a.fa.fa-twitter.fa-2x.spicon{href: "https://twitter.com/"}
|
|
35
|
+
|
|
36
|
+
As simple as that!
|
|
37
|
+
|
|
38
|
+
By using `.spicon` class by default the element will spin for `2 secs(2000ms)`, `infinitely` and in `alternate` direction. You can also customize these by given values of your own choice
|
|
39
|
+
|
|
40
|
+
### Customization
|
|
41
|
+
|
|
42
|
+
When using customized classes make sure you use it in the following format :
|
|
43
|
+
|
|
44
|
+
.spicon-{duration of the spin}-{number of spins}-{direction of the spin}
|
|
45
|
+
|
|
46
|
+
for instance,
|
|
47
|
+
|
|
48
|
+
.spicon-4s-2-alternate_reverse
|
|
49
|
+
|
|
50
|
+
+ The first attribute represents the `duration of the spin` in seconds. Accordigly you can specify a number of your choice ranging from `1s(fastest) to 10s(slowest)`
|
|
51
|
+
|
|
52
|
+
+ The second attribute represents the `number of spins` ranging from `1 to 6`. You can also use `infinite` instead of a number for infinite spins.
|
|
53
|
+
|
|
54
|
+
+ The third attribute represents the `direction of spin`, various options are
|
|
55
|
+
- `normal` - Spins in clockwise direction
|
|
56
|
+
- `reverse` - Spins in anti-clockwise direction
|
|
57
|
+
- `alternate` - Spins in clockwise direction first and then anticlockwise alternately
|
|
58
|
+
- `alternate_reverse` - Spins in anti-clockwise direction first and then clockwise alternately
|
|
59
|
+
|
|
60
|
+
## Contributing
|
|
61
|
+
|
|
62
|
+
1. Fork it
|
|
63
|
+
2. Create your feature branch - `git checkout -b my-new-feature`
|
|
64
|
+
3. Commit your changes - `git commit -m 'Add some feature'`
|
|
65
|
+
4. Push to the branch - `git push origin my-new-feature`
|
|
66
|
+
5. Create new Pull Request
|
data/Rakefile
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require "bundler/gem_tasks"
|
|
@@ -0,0 +1,2090 @@
|
|
|
1
|
+
@keyframes "spin" {
|
|
2
|
+
0% {
|
|
3
|
+
border-radius: 0px;
|
|
4
|
+
}
|
|
5
|
+
100% {
|
|
6
|
+
border-radius: 50%;
|
|
7
|
+
-webkit-transform: rotate(1000deg);
|
|
8
|
+
-moz-transform: rotate(1000deg);
|
|
9
|
+
-o-transform: rotate(1000deg);
|
|
10
|
+
-ms-transform: rotate(1000deg);
|
|
11
|
+
transform: rotate(1000deg);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@-moz-keyframes spin {
|
|
16
|
+
0% {
|
|
17
|
+
border-radius: 0px;
|
|
18
|
+
}
|
|
19
|
+
100% {
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
-moz-transform: rotate(1000deg);
|
|
22
|
+
transform: rotate(1000deg);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@-webkit-keyframes "spin" {
|
|
27
|
+
0% {
|
|
28
|
+
border-radius: 0px;
|
|
29
|
+
}
|
|
30
|
+
100% {
|
|
31
|
+
border-radius: 50%;
|
|
32
|
+
-webkit-transform: rotate(1000deg);
|
|
33
|
+
transform: rotate(1000deg);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@-ms-keyframes "spin" {
|
|
38
|
+
0% {
|
|
39
|
+
border-radius: 0px;
|
|
40
|
+
}
|
|
41
|
+
100% {
|
|
42
|
+
border-radius: 50%;
|
|
43
|
+
-ms-transform: rotate(1000deg);
|
|
44
|
+
transform: rotate(1000deg);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@-o-keyframes "spin" {
|
|
49
|
+
0% {
|
|
50
|
+
border-radius: 0px;
|
|
51
|
+
}
|
|
52
|
+
100% {
|
|
53
|
+
border-radius: 50%;
|
|
54
|
+
-o-transform: rotate(1000deg);
|
|
55
|
+
transform: rotate(1000deg);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* Default Spicon class */
|
|
60
|
+
|
|
61
|
+
.spicon:hover {
|
|
62
|
+
-webkit-animation: spin 2s infinite alternate;
|
|
63
|
+
-moz-animation: spin 2s infinite alternate;
|
|
64
|
+
-ms-animation: spin 2s infinite alternate;
|
|
65
|
+
-o-animation: spin 2s infinite alternate;
|
|
66
|
+
animation: spin 2s infinite alternate;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* 1s */
|
|
70
|
+
|
|
71
|
+
/* Spicon 1s-x-normal classes */
|
|
72
|
+
|
|
73
|
+
.spicon-1s-1-normal:hover {
|
|
74
|
+
-webkit-animation: spin 1s 1 normal;
|
|
75
|
+
-moz-animation: spin 1s 1 normal;
|
|
76
|
+
-ms-animation: spin 1s 1 normal;
|
|
77
|
+
-o-animation: spin 1s 1 normal;
|
|
78
|
+
animation: spin 1s 1 normal;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.spicon-1s-2-normal:hover {
|
|
82
|
+
-webkit-animation: spin 1s 2 normal;
|
|
83
|
+
-moz-animation: spin 1s 2 normal;
|
|
84
|
+
-ms-animation: spin 1s 2 normal;
|
|
85
|
+
-o-animation: spin 1s 2 normal;
|
|
86
|
+
animation: spin 1s 2 normal;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.spicon-1s-3-normal:hover {
|
|
90
|
+
-webkit-animation: spin 1s 3 normal;
|
|
91
|
+
-moz-animation: spin 1s 3 normal;
|
|
92
|
+
-ms-animation: spin 1s 3 normal;
|
|
93
|
+
-o-animation: spin 1s 3 normal;
|
|
94
|
+
animation: spin 1s 3 normal;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.spicon-1s-4-normal:hover {
|
|
98
|
+
-webkit-animation: spin 1s 4 normal;
|
|
99
|
+
-moz-animation: spin 1s 4 normal;
|
|
100
|
+
-ms-animation: spin 1s 4 normal;
|
|
101
|
+
-o-animation: spin 1s 4 normal;
|
|
102
|
+
animation: spin 1s 4 normal;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.spicon-1s-5-normal:hover {
|
|
106
|
+
-webkit-animation: spin 1s 5 normal;
|
|
107
|
+
-moz-animation: spin 1s 5 normal;
|
|
108
|
+
-ms-animation: spin 1s 5 normal;
|
|
109
|
+
-o-animation: spin 1s 5 normal;
|
|
110
|
+
animation: spin 1s 5 normal;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.spicon-1s-6-normal:hover {
|
|
114
|
+
-webkit-animation: spin 1s 6 normal;
|
|
115
|
+
-moz-animation: spin 1s 6 normal;
|
|
116
|
+
-ms-animation: spin 1s 6 normal;
|
|
117
|
+
-o-animation: spin 1s 6 normal;
|
|
118
|
+
animation: spin 1s 6 normal;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/* Spicon 1s-x-reverse classes */
|
|
122
|
+
|
|
123
|
+
.spicon-1s-1-reverse:hover {
|
|
124
|
+
-webkit-animation: spin 1s 1 reverse;
|
|
125
|
+
-moz-animation: spin 1s 1 reverse;
|
|
126
|
+
-ms-animation: spin 1s 1 reverse;
|
|
127
|
+
-o-animation: spin 1s 1 reverse;
|
|
128
|
+
animation: spin 1s 1 reverse;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.spicon-1s-2-reverse:hover {
|
|
132
|
+
-webkit-animation: spin 1s 2 reverse;
|
|
133
|
+
-moz-animation: spin 1s 2 reverse;
|
|
134
|
+
-ms-animation: spin 1s 2 reverse;
|
|
135
|
+
-o-animation: spin 1s 2 reverse;
|
|
136
|
+
animation: spin 1s 2 reverse;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.spicon-1s-3-reverse:hover {
|
|
140
|
+
-webkit-animation: spin 1s 3 reverse;
|
|
141
|
+
-moz-animation: spin 1s 3 reverse;
|
|
142
|
+
-ms-animation: spin 1s 3 reverse;
|
|
143
|
+
-o-animation: spin 1s 3 reverse;
|
|
144
|
+
animation: spin 1s 3 reverse;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.spicon-1s-4-reverse:hover {
|
|
148
|
+
-webkit-animation: spin 1s 4 reverse;
|
|
149
|
+
-moz-animation: spin 1s 4 reverse;
|
|
150
|
+
-ms-animation: spin 1s 4 reverse;
|
|
151
|
+
-o-animation: spin 1s 4 reverse;
|
|
152
|
+
animation: spin 1s 4 reverse;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.spicon-1s-5-reverse:hover {
|
|
156
|
+
-webkit-animation: spin 1s 5 reverse;
|
|
157
|
+
-moz-animation: spin 1s 5 reverse;
|
|
158
|
+
-ms-animation: spin 1s 5 reverse;
|
|
159
|
+
-o-animation: spin 1s 5 reverse;
|
|
160
|
+
animation: spin 1s 5 reverse;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.spicon-1s-6-reverse:hover {
|
|
164
|
+
-webkit-animation: spin 1s 6 reverse;
|
|
165
|
+
-moz-animation: spin 1s 6 reverse;
|
|
166
|
+
-ms-animation: spin 1s 6 reverse;
|
|
167
|
+
-o-animation: spin 1s 6 reverse;
|
|
168
|
+
animation: spin 1s 6 reverse;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* Spicon 1s-x-alternate classes */
|
|
172
|
+
|
|
173
|
+
.spicon-1s-1-alternate:hover {
|
|
174
|
+
-webkit-animation: spin 1s 1 alternate;
|
|
175
|
+
-moz-animation: spin 1s 1 alternate;
|
|
176
|
+
-ms-animation: spin 1s 1 alternate;
|
|
177
|
+
-o-animation: spin 1s 1 alternate;
|
|
178
|
+
animation: spin 1s 1 alternate;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.spicon-1s-2-alternate:hover {
|
|
182
|
+
-webkit-animation: spin 1s 2 alternate;
|
|
183
|
+
-moz-animation: spin 1s 2 alternate;
|
|
184
|
+
-ms-animation: spin 1s 2 alternate;
|
|
185
|
+
-o-animation: spin 1s 2 alternate;
|
|
186
|
+
animation: spin 1s 2 alternate;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.spicon-1s-3-alternate:hover {
|
|
190
|
+
-webkit-animation: spin 1s 3 alternate;
|
|
191
|
+
-moz-animation: spin 1s 3 alternate;
|
|
192
|
+
-ms-animation: spin 1s 3 alternate;
|
|
193
|
+
-o-animation: spin 1s 3 alternate;
|
|
194
|
+
animation: spin 1s 3 alternate;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.spicon-1s-4-alternate:hover {
|
|
198
|
+
-webkit-animation: spin 1s 4 alternate;
|
|
199
|
+
-moz-animation: spin 1s 4 alternate;
|
|
200
|
+
-ms-animation: spin 1s 4 alternate;
|
|
201
|
+
-o-animation: spin 1s 4 alternate;
|
|
202
|
+
animation: spin 1s 4 alternate;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.spicon-1s-5-alternate:hover {
|
|
206
|
+
-webkit-animation: spin 1s 5 alternate;
|
|
207
|
+
-moz-animation: spin 1s 5 alternate;
|
|
208
|
+
-ms-animation: spin 1s 5 alternate;
|
|
209
|
+
-o-animation: spin 1s 5 alternate;
|
|
210
|
+
animation: spin 1s51 alternate;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.spicon-1s-6-alternate:hover {
|
|
214
|
+
-webkit-animation: spin 1s 6 alternate;
|
|
215
|
+
-moz-animation: spin 1s 6 alternate;
|
|
216
|
+
-ms-animation: spin 1s 6 alternate;
|
|
217
|
+
-o-animation: spin 1s 6 alternate;
|
|
218
|
+
animation: spin 1s 6 alternate;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
/* Spicon 1s-x-alternate_reverse classes */
|
|
222
|
+
|
|
223
|
+
.spicon-1s-1-alternate_reverse:hover {
|
|
224
|
+
-webkit-animation: spin 1s 1 alternate-reverse;
|
|
225
|
+
-moz-animation: spin 1s 1 alternate-reverse;
|
|
226
|
+
-ms-animation: spin 1s 1 alternate-reverse;
|
|
227
|
+
-o-animation: spin 1s 1 alternate-reverse;
|
|
228
|
+
animation: spin 1s 1 alternate-reverse;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.spicon-1s-2-alternate_reverse:hover {
|
|
232
|
+
-webkit-animation: spin 1s 2 alternate-reverse;
|
|
233
|
+
-moz-animation: spin 1s 2 alternate-reverse;
|
|
234
|
+
-ms-animation: spin 1s 2 alternate-reverse;
|
|
235
|
+
-o-animation: spin 1s 2 alternate-reverse;
|
|
236
|
+
animation: spin 1s 2 alternate-reverse;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.spicon-1s-3-alternate_reverse:hover {
|
|
240
|
+
-webkit-animation: spin 1s 3 alternate-reverse;
|
|
241
|
+
-moz-animation: spin 1s 3 alternate-reverse;
|
|
242
|
+
-ms-animation: spin 1s 3 alternate-reverse;
|
|
243
|
+
-o-animation: spin 1s 3 alternate-reverse;
|
|
244
|
+
animation: spin 1s 3 alternate-reverse;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.spicon-1s-4-alternate_reverse:hover {
|
|
248
|
+
-webkit-animation: spin 1s 4 alternate-reverse;
|
|
249
|
+
-moz-animation: spin 1s 4 alternate-reverse;
|
|
250
|
+
-ms-animation: spin 1s 4 alternate-reverse;
|
|
251
|
+
-o-animation: spin 1s 4 alternate-reverse;
|
|
252
|
+
animation: spin 1s 4 alternate-reverse;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.spicon-1s-5-alternate_reverse:hover {
|
|
256
|
+
-webkit-animation: spin 1s 5 alternate-reverse;
|
|
257
|
+
-moz-animation: spin 1s 5 alternate-reverse;
|
|
258
|
+
-ms-animation: spin 1s 5 alternate-reverse;
|
|
259
|
+
-o-animation: spin 1s 5 alternate-reverse;
|
|
260
|
+
animation: spin 1s 5 alternate-reverse;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.spicon-1s-6-alternate_reverse:hover {
|
|
264
|
+
-webkit-animation: spin 1s 6 alternate-reverse;
|
|
265
|
+
-moz-animation: spin 1s 6 alternate-reverse;
|
|
266
|
+
-ms-animation: spin 1s 6 alternate-reverse;
|
|
267
|
+
-o-animation: spin 1s 6 alternate-reverse;
|
|
268
|
+
animation: spin 1s 6 alternate-reverse;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
/* 2s */
|
|
272
|
+
|
|
273
|
+
/* Spicon 2s-x-normal classes */
|
|
274
|
+
|
|
275
|
+
.spicon-2s-1-normal:hover {
|
|
276
|
+
-webkit-animation: spin 2s 1 normal;
|
|
277
|
+
-moz-animation: spin 2s 1 normal;
|
|
278
|
+
-ms-animation: spin 2s 1 normal;
|
|
279
|
+
-o-animation: spin 2s 1 normal;
|
|
280
|
+
animation: spin 2s 1 normal;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.spicon-2s-2-normal:hover {
|
|
284
|
+
-webkit-animation: spin 2s 2 normal;
|
|
285
|
+
-moz-animation: spin 2s 2 normal;
|
|
286
|
+
-ms-animation: spin 2s 2 normal;
|
|
287
|
+
-o-animation: spin 2s 2 normal;
|
|
288
|
+
animation: spin 2s 2 normal;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.spicon-2s-3-normal:hover {
|
|
292
|
+
-webkit-animation: spin 2s 3 normal;
|
|
293
|
+
-moz-animation: spin 2s 3 normal;
|
|
294
|
+
-ms-animation: spin 2s 3 normal;
|
|
295
|
+
-o-animation: spin 2s 3 normal;
|
|
296
|
+
animation: spin 2s 3 normal;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.spicon-2s-4-normal:hover {
|
|
300
|
+
-webkit-animation: spin 2s 4 normal;
|
|
301
|
+
-moz-animation: spin 2s 4 normal;
|
|
302
|
+
-ms-animation: spin 2s 4 normal;
|
|
303
|
+
-o-animation: spin 2s 4 normal;
|
|
304
|
+
animation: spin 2s 4 normal;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.spicon-2s-5-normal:hover {
|
|
308
|
+
-webkit-animation: spin 2s 5 normal;
|
|
309
|
+
-moz-animation: spin 2s 5 normal;
|
|
310
|
+
-ms-animation: spin 2s 5 normal;
|
|
311
|
+
-o-animation: spin 2s 5 normal;
|
|
312
|
+
animation: spin 2s 5 normal;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.spicon-2s-6-normal:hover {
|
|
316
|
+
-webkit-animation: spin 2s 6 normal;
|
|
317
|
+
-moz-animation: spin 2s 6 normal;
|
|
318
|
+
-ms-animation: spin 2s 6 normal;
|
|
319
|
+
-o-animation: spin 2s 6 normal;
|
|
320
|
+
animation: spin 2s 6 normal;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
/* Spicon 2s-x-reverse classes */
|
|
324
|
+
|
|
325
|
+
.spicon-2s-1-reverse:hover {
|
|
326
|
+
-webkit-animation: spin 2s 1 reverse;
|
|
327
|
+
-moz-animation: spin 2s 1 reverse;
|
|
328
|
+
-ms-animation: spin 2s 1 reverse;
|
|
329
|
+
-o-animation: spin 2s 1 reverse;
|
|
330
|
+
animation: spin 2s 1 reverse;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.spicon-2s-2-reverse:hover {
|
|
334
|
+
-webkit-animation: spin 2s 2 reverse;
|
|
335
|
+
-moz-animation: spin 2s 2 reverse;
|
|
336
|
+
-ms-animation: spin 2s 2 reverse;
|
|
337
|
+
-o-animation: spin 2s 2 reverse;
|
|
338
|
+
animation: spin 2s 2 reverse;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.spicon-2s-3-reverse:hover {
|
|
342
|
+
-webkit-animation: spin 2s 3 reverse;
|
|
343
|
+
-moz-animation: spin 2s 3 reverse;
|
|
344
|
+
-ms-animation: spin 2s 3 reverse;
|
|
345
|
+
-o-animation: spin 2s 3 reverse;
|
|
346
|
+
animation: spin 2s 3 reverse;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.spicon-2s-4-reverse:hover {
|
|
350
|
+
-webkit-animation: spin 2s 4 reverse;
|
|
351
|
+
-moz-animation: spin 2s 4 reverse;
|
|
352
|
+
-ms-animation: spin 2s 4 reverse;
|
|
353
|
+
-o-animation: spin 2s 4 reverse;
|
|
354
|
+
animation: spin 2s 4 reverse;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.spicon-2s-5-reverse:hover {
|
|
358
|
+
-webkit-animation: spin 2s 5 reverse;
|
|
359
|
+
-moz-animation: spin 2s 5 reverse;
|
|
360
|
+
-ms-animation: spin 2s 5 reverse;
|
|
361
|
+
-o-animation: spin 2s 5 reverse;
|
|
362
|
+
animation: spin 2s 5 reverse;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.spicon-2s-6-reverse:hover {
|
|
366
|
+
-webkit-animation: spin 2s 6 reverse;
|
|
367
|
+
-moz-animation: spin 2s 6 reverse;
|
|
368
|
+
-ms-animation: spin 2s 6 reverse;
|
|
369
|
+
-o-animation: spin 2s 6 reverse;
|
|
370
|
+
animation: spin 2s 6 reverse;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/* Spicon 2s-x-alternate classes */
|
|
374
|
+
|
|
375
|
+
.spicon-2s-1-alternate:hover {
|
|
376
|
+
-webkit-animation: spin 2s 1 alternate;
|
|
377
|
+
-moz-animation: spin 2s 1 alternate;
|
|
378
|
+
-ms-animation: spin 2s 1 alternate;
|
|
379
|
+
-o-animation: spin 2s 1 alternate;
|
|
380
|
+
animation: spin 2s 1 alternate;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.spicon-2s-2-alternate:hover {
|
|
384
|
+
-webkit-animation: spin 2s 2 alternate;
|
|
385
|
+
-moz-animation: spin 2s 2 alternate;
|
|
386
|
+
-ms-animation: spin 2s 2 alternate;
|
|
387
|
+
-o-animation: spin 2s 2 alternate;
|
|
388
|
+
animation: spin 2s 2 alternate;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.spicon-2s-3-alternate:hover {
|
|
392
|
+
-webkit-animation: spin 2s 3 alternate;
|
|
393
|
+
-moz-animation: spin 2s 3 alternate;
|
|
394
|
+
-ms-animation: spin 2s 3 alternate;
|
|
395
|
+
-o-animation: spin 2s 3 alternate;
|
|
396
|
+
animation: spin 2s 3 alternate;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.spicon-2s-4-alternate:hover {
|
|
400
|
+
-webkit-animation: spin 2s 4 alternate;
|
|
401
|
+
-moz-animation: spin 2s 4 alternate;
|
|
402
|
+
-ms-animation: spin 2s 4 alternate;
|
|
403
|
+
-o-animation: spin 2s 4 alternate;
|
|
404
|
+
animation: spin 2s 4 alternate;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.spicon-2s-5-alternate:hover {
|
|
408
|
+
-webkit-animation: spin 2s 5 alternate;
|
|
409
|
+
-moz-animation: spin 2s 5 alternate;
|
|
410
|
+
-ms-animation: spin 2s 5 alternate;
|
|
411
|
+
-o-animation: spin 2s 5 alternate;
|
|
412
|
+
animation: spin 2s 5 alternate;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.spicon-2s-6-alternate:hover {
|
|
416
|
+
-webkit-animation: spin 2s 6 alternate;
|
|
417
|
+
-moz-animation: spin 2s 6 alternate;
|
|
418
|
+
-ms-animation: spin 2s 6 alternate;
|
|
419
|
+
-o-animation: spin 2s 6 alternate;
|
|
420
|
+
animation: spin 2s 6 alternate;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
/* Spicon 2s-x-alternate_reverse classes */
|
|
424
|
+
|
|
425
|
+
.spicon-2s-1-alternate_reverse:hover {
|
|
426
|
+
-webkit-animation: spin 2s 1 alternate_reverse;
|
|
427
|
+
-moz-animation: spin 2s 1 alternate_reverse;
|
|
428
|
+
-ms-animation: spin 2s 1 alternate_reverse;
|
|
429
|
+
-o-animation: spin 2s 1 alternate_reverse;
|
|
430
|
+
animation: spin 2s 1 alternate_reverse;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.spicon-2s-2-alternate_reverse:hover {
|
|
434
|
+
-webkit-animation: spin 2s 2 alternate-reverse;
|
|
435
|
+
-moz-animation: spin 2s 2 alternate-reverse;
|
|
436
|
+
-ms-animation: spin 2s 2 alternate-reverse;
|
|
437
|
+
-o-animation: spin 2s 2 alternate-reverse;
|
|
438
|
+
animation: spin 2s 2 alternate-reverse;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
.spicon-2s-3-alternate_reverse:hover {
|
|
442
|
+
-webkit-animation: spin 2s 3 alternate-reverse;
|
|
443
|
+
-moz-animation: spin 2s 3 alternate-reverse;
|
|
444
|
+
-ms-animation: spin 2s 3 alternate-reverse;
|
|
445
|
+
-o-animation: spin 2s 3 alternate-reverse;
|
|
446
|
+
animation: spin 2s 3 alternate-reverse;
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
.spicon-2s-4-alternate_reverse:hover {
|
|
450
|
+
-webkit-animation: spin 2s 4 alternate-reverse;
|
|
451
|
+
-moz-animation: spin 2s 4 alternate-reverse;
|
|
452
|
+
-ms-animation: spin 2s 4 alternate-reverse;
|
|
453
|
+
-o-animation: spin 2s 4 alternate-reverse;
|
|
454
|
+
animation: spin 2s 4 alternate-reverse;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.spicon-2s-5-alternate_reverse:hover {
|
|
458
|
+
-webkit-animation: spin 2s 5 alternate-reverse;
|
|
459
|
+
-moz-animation: spin 2s 5 alternate-reverse;
|
|
460
|
+
-ms-animation: spin 2s 5 alternate-reverse;
|
|
461
|
+
-o-animation: spin 2s 5 alternate-reverse;
|
|
462
|
+
animation: spin 2s 5 alternate-reverse;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
.spicon-2s-6-alternate_reverse:hover {
|
|
466
|
+
-webkit-animation: spin 2s 623 alternate-reverse;
|
|
467
|
+
-moz-animation: spin 2s 6 alternate-reverse;
|
|
468
|
+
-ms-animation: spin 2s 6 alternate-reverse;
|
|
469
|
+
-o-animation: spin 2s 6 alternate-reverse;
|
|
470
|
+
animation: spin 2s 6 alternate-reverse;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
/* 3s */
|
|
474
|
+
|
|
475
|
+
/* Spicon 3s-x-normal classes */
|
|
476
|
+
|
|
477
|
+
.spicon-3s-1-normal:hover {
|
|
478
|
+
-webkit-animation: spin 3s 1 normal;
|
|
479
|
+
-moz-animation: spin 3s 1 normal;
|
|
480
|
+
-ms-animation: spin 3s 1 normal;
|
|
481
|
+
-o-animation: spin 3s 1 normal;
|
|
482
|
+
animation: spin 3s 1 normal;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.spicon-3s-2-normal:hover {
|
|
486
|
+
-webkit-animation: spin 3s 2 normal;
|
|
487
|
+
-moz-animation: spin 3s 2 normal;
|
|
488
|
+
-ms-animation: spin 3s 2 normal;
|
|
489
|
+
-o-animation: spin 3s 2 normal;
|
|
490
|
+
animation: spin 3s 2 normal;
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
.spicon-3s-3-normal:hover {
|
|
494
|
+
-webkit-animation: spin 3s 3 normal;
|
|
495
|
+
-moz-animation: spin 3s 3 normal;
|
|
496
|
+
-ms-animation: spin 3s 3 normal;
|
|
497
|
+
-o-animation: spin 3s 3 normal;
|
|
498
|
+
animation: spin 3s 3 normal;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
.spicon-3s-4-normal:hover {
|
|
502
|
+
-webkit-animation: spin 3s 4 normal;
|
|
503
|
+
-moz-animation: spin 3s 4 normal;
|
|
504
|
+
-ms-animation: spin 3s 4 normal;
|
|
505
|
+
-o-animation: spin 3s 4 normal;
|
|
506
|
+
animation: spin 3s 4 normal;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
.spicon-3s-5-normal:hover {
|
|
510
|
+
-webkit-animation: spin 3s 5 normal;
|
|
511
|
+
-moz-animation: spin 3s 5 normal;
|
|
512
|
+
-ms-animation: spin 3s 5 normal;
|
|
513
|
+
-o-animation: spin 3s 5 normal;
|
|
514
|
+
animation: spin 3s 5 normal;
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
.spicon-3s-6-normal:hover {
|
|
518
|
+
-webkit-animation: spin 3s 6 normal;
|
|
519
|
+
-moz-animation: spin 3s 6 normal;
|
|
520
|
+
-ms-animation: spin 3s 6 normal;
|
|
521
|
+
-o-animation: spin 3s 6 normal;
|
|
522
|
+
animation: spin 3s 6 normal;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
/* Spicon 3s-x-reverse classes */
|
|
526
|
+
|
|
527
|
+
.spicon-3s-1-reverse:hover {
|
|
528
|
+
-webkit-animation: spin 3s 1 reverse;
|
|
529
|
+
-moz-animation: spin 3s 1 reverse;
|
|
530
|
+
-ms-animation: spin 3s 1 reverse;
|
|
531
|
+
-o-animation: spin 3s 1 reverse;
|
|
532
|
+
animation: spin 3s 1 reverse;
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
.spicon-3s-2-reverse:hover {
|
|
536
|
+
-webkit-animation: spin 3s 2 reverse;
|
|
537
|
+
-moz-animation: spin 3s 2 reverse;
|
|
538
|
+
-ms-animation: spin 3s 2 reverse;
|
|
539
|
+
-o-animation: spin 3s 2 reverse;
|
|
540
|
+
animation: spin 3s 2 reverse;
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
.spicon-3s-3-reverse:hover {
|
|
544
|
+
-webkit-animation: spin 3s 3 reverse;
|
|
545
|
+
-moz-animation: spin 3s 3 reverse;
|
|
546
|
+
-ms-animation: spin 3s 3 reverse;
|
|
547
|
+
-o-animation: spin 3s 3 reverse;
|
|
548
|
+
animation: spin 3s 3 reverse;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.spicon-3s-4-reverse:hover {
|
|
552
|
+
-webkit-animation: spin 3s 4 reverse;
|
|
553
|
+
-moz-animation: spin 3s 4 reverse;
|
|
554
|
+
-ms-animation: spin 3s 4 reverse;
|
|
555
|
+
-o-animation: spin 3s 4 reverse;
|
|
556
|
+
animation: spin 3s 4 reverse;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.spicon-3s-5-reverse:hover {
|
|
560
|
+
-webkit-animation: spin 3s 5 reverse;
|
|
561
|
+
-moz-animation: spin 3s 5 reverse;
|
|
562
|
+
-ms-animation: spin 3s 5 reverse;
|
|
563
|
+
-o-animation: spin 3s 5 reverse;
|
|
564
|
+
animation: spin 3s 5 reverse;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
.spicon-3s-6-reverse:hover {
|
|
568
|
+
-webkit-animation: spin 3s 6 reverse;
|
|
569
|
+
-moz-animation: spin 3s 6 reverse;
|
|
570
|
+
-ms-animation: spin 3s 6 reverse;
|
|
571
|
+
-o-animation: spin 3s 6 reverse;
|
|
572
|
+
animation: spin 3s 6 reverse;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
/* Spicon 3s-x-alternate classes */
|
|
576
|
+
|
|
577
|
+
.spicon-3s-1-alternate:hover {
|
|
578
|
+
-webkit-animation: spin 3s 1 alternate;
|
|
579
|
+
-moz-animation: spin 3s 1 alternate;
|
|
580
|
+
-ms-animation: spin 3s 1 alternate;
|
|
581
|
+
-o-animation: spin 3s 1 alternate;
|
|
582
|
+
animation: spin 3s 1 alternate;
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
.spicon-3s-2-alternate:hover {
|
|
586
|
+
-webkit-animation: spin 3s 2 alternate;
|
|
587
|
+
-moz-animation: spin 3s 2 alternate;
|
|
588
|
+
-ms-animation: spin 3s 2 alternate;
|
|
589
|
+
-o-animation: spin 3s 2 alternate;
|
|
590
|
+
animation: spin 3s 2 alternate;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
.spicon-3s-3-alternate:hover {
|
|
594
|
+
-webkit-animation: spin 3s 3 alternate;
|
|
595
|
+
-moz-animation: spin 3s 3 alternate;
|
|
596
|
+
-ms-animation: spin 3s 3 alternate;
|
|
597
|
+
-o-animation: spin 3s 3 alternate;
|
|
598
|
+
animation: spin 3s 3 alternate;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
.spicon-3s-4-alternate:hover {
|
|
602
|
+
-webkit-animation: spin 3s 4 alternate;
|
|
603
|
+
-moz-animation: spin 3s 4 alternate;
|
|
604
|
+
-ms-animation: spin 3s 4 alternate;
|
|
605
|
+
-o-animation: spin 3s 4 alternate;
|
|
606
|
+
animation: spin 3s 4 alternate;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.spicon-3s-5-alternate:hover {
|
|
610
|
+
-webkit-animation: spin 3s 5 alternate;
|
|
611
|
+
-moz-animation: spin 3s 5 alternate;
|
|
612
|
+
-ms-animation: spin 3s 5 alternate;
|
|
613
|
+
-o-animation: spin 3s 5 alternate;
|
|
614
|
+
animation: spin 3s 5 alternate;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
.spicon-3s-6-alternate:hover {
|
|
618
|
+
-webkit-animation: spin 3s 6 alternate;
|
|
619
|
+
-moz-animation: spin 3s 6 alternate;
|
|
620
|
+
-ms-animation: spin 3s 6 alternate;
|
|
621
|
+
-o-animation: spin 3s 6 alternate;
|
|
622
|
+
animation: spin 3s 6 alternate;
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
/* Spicon 3s-x-alternate_reverse classes */
|
|
626
|
+
|
|
627
|
+
.spicon-3s-1-alternate_reverse:hover {
|
|
628
|
+
-webkit-animation: spin 3s 1 alternate-reverse;
|
|
629
|
+
-moz-animation: spin 3s 1 alternate-reverse;
|
|
630
|
+
-ms-animation: spin 3s 1 alternate-reverse;
|
|
631
|
+
-o-animation: spin 3s 1 alternate-reverse;
|
|
632
|
+
animation: spin 3s 1 alternate-reverse;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
.spicon-3s-2-alternate_reverse:hover {
|
|
636
|
+
-webkit-animation: spin 3s 2 alternate-reverse;
|
|
637
|
+
-moz-animation: spin 3s 2 alternate-reverse;
|
|
638
|
+
-ms-animation: spin 3s 2 alternate-reverse;
|
|
639
|
+
-o-animation: spin 3s 2 alternate-reverse;
|
|
640
|
+
animation: spin 3s 2 alternate-reverse;
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
.spicon-3s-3-alternate_reverse:hover {
|
|
644
|
+
-webkit-animation: spin 3s 3 alternate-reverse;
|
|
645
|
+
-moz-animation: spin 3s 3 alternate-reverse;
|
|
646
|
+
-ms-animation: spin 3s 3 alternate-reverse;
|
|
647
|
+
-o-animation: spin 3s 3 alternate-reverse;
|
|
648
|
+
animation: spin 3s 3 alternate-reverse;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
.spicon-3s-4-alternate_reverse:hover {
|
|
652
|
+
-webkit-animation: spin 3s 4 alternate-reverse;
|
|
653
|
+
-moz-animation: spin 3s 4 alternate-reverse;
|
|
654
|
+
-ms-animation: spin 3s 4 alternate-reverse;
|
|
655
|
+
-o-animation: spin 3s 4 alternate-reverse;
|
|
656
|
+
animation: spin 3s 4 alternate-reverse;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
.spicon-3s-5-alternate_reverse:hover {
|
|
660
|
+
-webkit-animation: spin 3s 5 alternate-reverse;
|
|
661
|
+
-moz-animation: spin 3s 5 alternate-reverse;
|
|
662
|
+
-ms-animation: spin 3s 5 alternate-reverse;
|
|
663
|
+
-o-animation: spin 3s 5 alternate-reverse;
|
|
664
|
+
animation: spin 3s 5 alternate-reverse;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.spicon-3s-6-alternate_reverse:hover {
|
|
668
|
+
-webkit-animation: spin 3s 6 alternate-reverse;
|
|
669
|
+
-moz-animation: spin 3s 6 alternate-reverse;
|
|
670
|
+
-ms-animation: spin 3s 6 alternate-reverse;
|
|
671
|
+
-o-animation: spin 3s 6 alternate-reverse;
|
|
672
|
+
animation: spin 3s 6 alternate-reverse;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
/* 4s */
|
|
676
|
+
|
|
677
|
+
/* Spicon 4s-x-normal classes */
|
|
678
|
+
|
|
679
|
+
.spicon-4s-1-normal:hover {
|
|
680
|
+
-webkit-animation: spin 4s 1 normal;
|
|
681
|
+
-moz-animation: spin 4s 1 normal;
|
|
682
|
+
-ms-animation: spin 4s 1 normal;
|
|
683
|
+
-o-animation: spin 4s 1 normal;
|
|
684
|
+
animation: spin 4s 1 normal;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.spicon-4s-2-normal:hover {
|
|
688
|
+
-webkit-animation: spin 4s 2 normal;
|
|
689
|
+
-moz-animation: spin 4s 2 normal;
|
|
690
|
+
-ms-animation: spin 4s 2 normal;
|
|
691
|
+
-o-animation: spin 4s 2 normal;
|
|
692
|
+
animation: spin 4s 2 normal;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.spicon-4s-3-normal:hover {
|
|
696
|
+
-webkit-animation: spin 4s 3 normal;
|
|
697
|
+
-moz-animation: spin 4s 3 normal;
|
|
698
|
+
-ms-animation: spin 4s 3 normal;
|
|
699
|
+
-o-animation: spin 4s 3 normal;
|
|
700
|
+
animation: spin 4s 3 normal;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.spicon-4s-4-normal:hover {
|
|
704
|
+
-webkit-animation: spin 4s 4 normal;
|
|
705
|
+
-moz-animation: spin 4s 4 normal;
|
|
706
|
+
-ms-animation: spin 4s 4 normal;
|
|
707
|
+
-o-animation: spin 4s 4 normal;
|
|
708
|
+
animation: spin 4s 4 normal;
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
.spicon-4s-5-normal:hover {
|
|
712
|
+
-webkit-animation: spin 4s 5 normal;
|
|
713
|
+
-moz-animation: spin 4s 5 normal;
|
|
714
|
+
-ms-animation: spin 4s 5 normal;
|
|
715
|
+
-o-animation: spin 4s 5 normal;
|
|
716
|
+
animation: spin 4s 5 normal;
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
.spicon-4s-6-normal:hover {
|
|
720
|
+
-webkit-animation: spin 4s 6 normal;
|
|
721
|
+
-moz-animation: spin 4s 6 normal;
|
|
722
|
+
-ms-animation: spin 4s 6 normal;
|
|
723
|
+
-o-animation: spin 4s 6 normal;
|
|
724
|
+
animation: spin 4s 6 normal;
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
/* Spicon 4s-x-reverse classes */
|
|
728
|
+
|
|
729
|
+
.spicon-4s-1-reverse:hover {
|
|
730
|
+
-webkit-animation: spin 4s 1 reverse;
|
|
731
|
+
-moz-animation: spin 4s 1 reverse;
|
|
732
|
+
-ms-animation: spin 4s 1 reverse;
|
|
733
|
+
-o-animation: spin 4s 1 reverse;
|
|
734
|
+
animation: spin 4s 1 reverse;
|
|
735
|
+
}
|
|
736
|
+
|
|
737
|
+
.spicon-4s-2-reverse:hover {
|
|
738
|
+
-webkit-animation: spin 4s 2 reverse;
|
|
739
|
+
-moz-animation: spin 4s 2 reverse;
|
|
740
|
+
-ms-animation: spin 4s 2 reverse;
|
|
741
|
+
-o-animation: spin 4s 2 reverse;
|
|
742
|
+
animation: spin 4s 2 reverse;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
.spicon-4s-3-reverse:hover {
|
|
746
|
+
-webkit-animation: spin 4s 3 reverse;
|
|
747
|
+
-moz-animation: spin 4s 3 reverse;
|
|
748
|
+
-ms-animation: spin 4s 3 reverse;
|
|
749
|
+
-o-animation: spin 4s 3 reverse;
|
|
750
|
+
animation: spin 4s 3 reverse;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.spicon-4s-4-reverse:hover {
|
|
754
|
+
-webkit-animation: spin 4s 4 reverse;
|
|
755
|
+
-moz-animation: spin 4s 4 reverse;
|
|
756
|
+
-ms-animation: spin 4s 4 reverse;
|
|
757
|
+
-o-animation: spin 4s 4 reverse;
|
|
758
|
+
animation: spin 4s 4 reverse;
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
.spicon-4s-5-reverse:hover {
|
|
762
|
+
-webkit-animation: spin 4s 5 reverse;
|
|
763
|
+
-moz-animation: spin 4s 5 reverse;
|
|
764
|
+
-ms-animation: spin 4s 5 reverse;
|
|
765
|
+
-o-animation: spin 4s 5 reverse;
|
|
766
|
+
animation: spin 4s 5 reverse;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.spicon-4s-6-reverse:hover {
|
|
770
|
+
-webkit-animation: spin 4s 6 reverse;
|
|
771
|
+
-moz-animation: spin 4s 6 reverse;
|
|
772
|
+
-ms-animation: spin 4s 6 reverse;
|
|
773
|
+
-o-animation: spin 4s 6 reverse;
|
|
774
|
+
animation: spin 4s 6 reverse;
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
/* Spicon 4s-x-alternate classes */
|
|
778
|
+
|
|
779
|
+
.spicon-4s-1-alternate:hover {
|
|
780
|
+
-webkit-animation: spin 4s 1 alternate;
|
|
781
|
+
-moz-animation: spin 4s 1 alternate;
|
|
782
|
+
-ms-animation: spin 4s 1 alternate;
|
|
783
|
+
-o-animation: spin 4s 1 alternate;
|
|
784
|
+
animation: spin 4s 1 alternate;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
.spicon-4s-2-alternate:hover {
|
|
788
|
+
-webkit-animation: spin 4s 2 alternate;
|
|
789
|
+
-moz-animation: spin 4s 2 alternate;
|
|
790
|
+
-ms-animation: spin 4s 2 alternate;
|
|
791
|
+
-o-animation: spin 4s 2 alternate;
|
|
792
|
+
animation: spin 4s 2 alternate;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
.spicon-4s-3-alternate:hover {
|
|
796
|
+
-webkit-animation: spin 4s 3 alternate;
|
|
797
|
+
-moz-animation: spin 4s 3 alternate;
|
|
798
|
+
-ms-animation: spin 4s 3 alternate;
|
|
799
|
+
-o-animation: spin 4s 3 alternate;
|
|
800
|
+
animation: spin 4s 3 alternate;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.spicon-4s-4-alternate:hover {
|
|
804
|
+
-webkit-animation: spin 4s 4 alternate;
|
|
805
|
+
-moz-animation: spin 4s 4 alternate;
|
|
806
|
+
-ms-animation: spin 4s 4 alternate;
|
|
807
|
+
-o-animation: spin 4s 4 alternate;
|
|
808
|
+
animation: spin 4s 4 alternate;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.spicon-4s-5-alternate:hover {
|
|
812
|
+
-webkit-animation: spin 4s 5 alternate;
|
|
813
|
+
-moz-animation: spin 4s 5 alternate;
|
|
814
|
+
-ms-animation: spin 4s 5 alternate;
|
|
815
|
+
-o-animation: spin 4s 5 alternate;
|
|
816
|
+
animation: spin 4s 5 alternate;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
.spicon-4s-6-alternate:hover {
|
|
820
|
+
-webkit-animation: spin 4s 6 alternate;
|
|
821
|
+
-moz-animation: spin 4s 6 alternate;
|
|
822
|
+
-ms-animation: spin 4s 6 alternate;
|
|
823
|
+
-o-animation: spin 4s 6 alternate;
|
|
824
|
+
animation: spin 4s 6 alternate;
|
|
825
|
+
}
|
|
826
|
+
|
|
827
|
+
/* Spicon 4s-x-alternate_reverse classes */
|
|
828
|
+
|
|
829
|
+
.spicon-4s-1-alternate_reverse:hover {
|
|
830
|
+
-webkit-animation: spin 4s 1 alternate-reverse;
|
|
831
|
+
-moz-animation: spin 4s 1 alternate-reverse;
|
|
832
|
+
-ms-animation: spin 4s 1 alternate-reverse;
|
|
833
|
+
-o-animation: spin 4s 1 alternate-reverse;
|
|
834
|
+
animation: spin 4s 1 alternate-reverse;
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
|
|
838
|
+
.spicon-4s-2-alternate_reverse:hover {
|
|
839
|
+
-webkit-animation: spin 4s 2 alternate-reverse;
|
|
840
|
+
-moz-animation: spin 4s 2 alternate-reverse;
|
|
841
|
+
-ms-animation: spin 4s 2 alternate-reverse;
|
|
842
|
+
-o-animation: spin 4s 2 alternate-reverse;
|
|
843
|
+
animation: spin 4s 2 alternate-reverse;
|
|
844
|
+
}
|
|
845
|
+
|
|
846
|
+
.spicon-4s-3-alternate_reverse:hover {
|
|
847
|
+
-webkit-animation: spin 4s 3 alternate-reverse;
|
|
848
|
+
-moz-animation: spin 4s 3 alternate-reverse;
|
|
849
|
+
-ms-animation: spin 4s 3 alternate-reverse;
|
|
850
|
+
-o-animation: spin 4s 3 alternate-reverse;
|
|
851
|
+
animation: spin 4s 3 alternate-reverse;
|
|
852
|
+
}
|
|
853
|
+
|
|
854
|
+
.spicon-4s-4-alternate_reverse:hover {
|
|
855
|
+
-webkit-animation: spin 4s 4 alternate-reverse;
|
|
856
|
+
-moz-animation: spin 4s 4 alternate-reverse;
|
|
857
|
+
-ms-animation: spin 4s 4 alternate-reverse;
|
|
858
|
+
-o-animation: spin 4s 4 alternate-reverse;
|
|
859
|
+
animation: spin 4s 4 alternate-reverse;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
.spicon-4s-5-alternate_reverse:hover {
|
|
863
|
+
-webkit-animation: spin 4s 5 alternate-reverse;
|
|
864
|
+
-moz-animation: spin 4s 5 alternate-reverse;
|
|
865
|
+
-ms-animation: spin 4s 5 alternate-reverse;
|
|
866
|
+
-o-animation: spin 4s 5 alternate-reverse;
|
|
867
|
+
animation: spin 4s 5 alternate-reverse;
|
|
868
|
+
}
|
|
869
|
+
|
|
870
|
+
.spicon-4s-6-alternate_reverse:hover {
|
|
871
|
+
-webkit-animation: spin 4s 6 alternate-reverse;
|
|
872
|
+
-moz-animation: spin 4s 6 alternate-reverse;
|
|
873
|
+
-ms-animation: spin 4s 6 alternate-reverse;
|
|
874
|
+
-o-animation: spin 4s 6 alternate-reverse;
|
|
875
|
+
animation: spin 4s 6 alternate-reverse;
|
|
876
|
+
}
|
|
877
|
+
|
|
878
|
+
/* 5s */
|
|
879
|
+
|
|
880
|
+
/* Spicon 5s-x-normal classes */
|
|
881
|
+
|
|
882
|
+
.spicon-5s-1-normal:hover {
|
|
883
|
+
-webkit-animation: spin 5s 1 normal;
|
|
884
|
+
-moz-animation: spin 5s 1 normal;
|
|
885
|
+
-ms-animation: spin 5s 1 normal;
|
|
886
|
+
-o-animation: spin 5s 1 normal;
|
|
887
|
+
animation: spin 5s 1 normal;
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
|
|
891
|
+
.spicon-5s-2-normal:hover {
|
|
892
|
+
-webkit-animation: spin 5s 2 normal;
|
|
893
|
+
-moz-animation: spin 5s 2 normal;
|
|
894
|
+
-ms-animation: spin 5s 2 normal;
|
|
895
|
+
-o-animation: spin 5s 2 normal;
|
|
896
|
+
animation: spin 5s 2 normal;
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
.spicon-5s-3-normal:hover {
|
|
900
|
+
-webkit-animation: spin 5s 3 normal;
|
|
901
|
+
-moz-animation: spin 5s 3 normal;
|
|
902
|
+
-ms-animation: spin 5s 3 normal;
|
|
903
|
+
-o-animation: spin 5s 3 normal;
|
|
904
|
+
animation: spin 5s 3 normal;
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
.spicon-5s-4-normal:hover {
|
|
908
|
+
-webkit-animation: spin 5s 4 normal;
|
|
909
|
+
-moz-animation: spin 5s 4 normal;
|
|
910
|
+
-ms-animation: spin 5s 4 normal;
|
|
911
|
+
-o-animation: spin 5s 4 normal;
|
|
912
|
+
animation: spin 5s 4 normal;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.spicon-5s-5-normal:hover {
|
|
916
|
+
-webkit-animation: spin 5s 5 normal;
|
|
917
|
+
-moz-animation: spin 5s 5 normal;
|
|
918
|
+
-ms-animation: spin 5s 5 normal;
|
|
919
|
+
-o-animation: spin 5s 5 normal;
|
|
920
|
+
animation: spin 5s 5 normal;
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
.spicon-5s-6-normal:hover {
|
|
924
|
+
-webkit-animation: spin 5s 6 normal;
|
|
925
|
+
-moz-animation: spin 5s 6 normal;
|
|
926
|
+
-ms-animation: spin 5s 6 normal;
|
|
927
|
+
-o-animation: spin 5s 6 normal;
|
|
928
|
+
animation: spin 5s 6 normal;
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
/* Spicon 5s-x-reverse classes */
|
|
932
|
+
|
|
933
|
+
.spicon-5s-1-reverse:hover {
|
|
934
|
+
-webkit-animation: spin 5s 1 reverse;
|
|
935
|
+
-moz-animation: spin 5s 1 reverse;
|
|
936
|
+
-ms-animation: spin 5s 1 reverse;
|
|
937
|
+
-o-animation: spin 5s 1 reverse;
|
|
938
|
+
animation: spin 5s 1 reverse;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.spicon-5s-2-reverse:hover {
|
|
942
|
+
-webkit-animation: spin 5s 2 reverse;
|
|
943
|
+
-moz-animation: spin 5s 2 reverse;
|
|
944
|
+
-ms-animation: spin 5s 2 reverse;
|
|
945
|
+
-o-animation: spin 5s 2 reverse;
|
|
946
|
+
animation: spin 5s 2 reverse;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.spicon-5s-3-reverse:hover {
|
|
950
|
+
-webkit-animation: spin 5s 3 reverse;
|
|
951
|
+
-moz-animation: spin 5s 3 reverse;
|
|
952
|
+
-ms-animation: spin 5s 3 reverse;
|
|
953
|
+
-o-animation: spin 5s 3 reverse;
|
|
954
|
+
animation: spin 5s 3 reverse;
|
|
955
|
+
}
|
|
956
|
+
|
|
957
|
+
.spicon-5s-4-reverse:hover {
|
|
958
|
+
-webkit-animation: spin 5s 4 reverse;
|
|
959
|
+
-moz-animation: spin 5s 4 reverse;
|
|
960
|
+
-ms-animation: spin 5s 4 reverse;
|
|
961
|
+
-o-animation: spin 5s 4 reverse;
|
|
962
|
+
animation: spin 5s 4 reverse;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.spicon-5s-5-reverse:hover {
|
|
966
|
+
-webkit-animation: spin 5s infinite reverse;
|
|
967
|
+
-moz-animation: spin 5s infinite reverse;
|
|
968
|
+
-ms-animation: spin 5s infinite reverse;
|
|
969
|
+
-o-animation: spin 5s infinite reverse;
|
|
970
|
+
animation: spin 5s infinite reverse;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
.spicon-5s-6-reverse:hover {
|
|
974
|
+
-webkit-animation: spin 5s infinite reverse;
|
|
975
|
+
-moz-animation: spin 5s infinite reverse;
|
|
976
|
+
-ms-animation: spin 5s infinite reverse;
|
|
977
|
+
-o-animation: spin 5s infinite reverse;
|
|
978
|
+
animation: spin 5s infinite reverse;
|
|
979
|
+
}
|
|
980
|
+
|
|
981
|
+
/* Spicon 5s-x-alternate classes */
|
|
982
|
+
|
|
983
|
+
.spicon-5s-1-alternate:hover {
|
|
984
|
+
-webkit-animation: spin 5s 1 alternate;
|
|
985
|
+
-moz-animation: spin 5s 1 alternate;
|
|
986
|
+
-ms-animation: spin 5s 1 alternate;
|
|
987
|
+
-o-animation: spin 5s 1 alternate;
|
|
988
|
+
animation: spin 5s 1 alternate;
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
.spicon-5s-2-alternate:hover {
|
|
992
|
+
-webkit-animation: spin 5s 2 alternate;
|
|
993
|
+
-moz-animation: spin 5s 2 alternate;
|
|
994
|
+
-ms-animation: spin 5s 2 alternate;
|
|
995
|
+
-o-animation: spin 5s 2 alternate;
|
|
996
|
+
animation: spin 5s 2 alternate;
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
.spicon-5s-3-alternate:hover {
|
|
1000
|
+
-webkit-animation: spin 5s 3 alternate;
|
|
1001
|
+
-moz-animation: spin 5s 3 alternate;
|
|
1002
|
+
-ms-animation: spin 5s 3 alternate;
|
|
1003
|
+
-o-animation: spin 5s 3 alternate;
|
|
1004
|
+
animation: spin 5s 3 alternate;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
.spicon-5s-4-alternate:hover {
|
|
1008
|
+
-webkit-animation: spin 5s 4 alternate;
|
|
1009
|
+
-moz-animation: spin 5s 4 alternate;
|
|
1010
|
+
-ms-animation: spin 5s 4 alternate;
|
|
1011
|
+
-o-animation: spin 5s 4 alternate;
|
|
1012
|
+
animation: spin 5s 4 alternate;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.spicon-5s-5-alternate:hover {
|
|
1016
|
+
-webkit-animation: spin 5s 5 alternate;
|
|
1017
|
+
-moz-animation: spin 5s 5 alternate;
|
|
1018
|
+
-ms-animation: spin 5s 5 alternate;
|
|
1019
|
+
-o-animation: spin 5s 5 alternate;
|
|
1020
|
+
animation: spin 5s 5 alternate;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
.spicon-5s-6-alternate:hover {
|
|
1024
|
+
-webkit-animation: spin 5s 6 alternate;
|
|
1025
|
+
-moz-animation: spin 5s 6 alternate;
|
|
1026
|
+
-ms-animation: spin 5s 6 alternate;
|
|
1027
|
+
-o-animation: spin 5s 6 alternate;
|
|
1028
|
+
animation: spin 5s 6 alternate;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
/* Spicon 5s-x-alternate_reverse classes */
|
|
1032
|
+
|
|
1033
|
+
.spicon-5s-1-alternate_reverse:hover {
|
|
1034
|
+
-webkit-animation: spin 5s 1 alternate-reverse;
|
|
1035
|
+
-moz-animation: spin 5s 1 alternate-reverse;
|
|
1036
|
+
-ms-animation: spin 5s 1 alternate-reverse;
|
|
1037
|
+
-o-animation: spin 5s 1 alternate-reverse;
|
|
1038
|
+
animation: spin 5s 1 alternate-reverse;
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1041
|
+
.spicon-5s-2-alternate_reverse:hover {
|
|
1042
|
+
-webkit-animation: spin 5s 2 alternate-reverse;
|
|
1043
|
+
-moz-animation: spin 5s 2 alternate-reverse;
|
|
1044
|
+
-ms-animation: spin 5s 2 alternate-reverse;
|
|
1045
|
+
-o-animation: spin 5s 2 alternate-reverse;
|
|
1046
|
+
animation: spin 5s 2 alternate-reverse;
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
.spicon-5s-3-alternate_reverse:hover {
|
|
1050
|
+
-webkit-animation: spin 5s 3 alternate-reverse;
|
|
1051
|
+
-moz-animation: spin 5s 3 alternate-reverse;
|
|
1052
|
+
-ms-animation: spin 5s 3 alternate-reverse;
|
|
1053
|
+
-o-animation: spin 5s 3 alternate-reverse;
|
|
1054
|
+
animation: spin 5s 3 alternate-reverse;
|
|
1055
|
+
}
|
|
1056
|
+
|
|
1057
|
+
.spicon-5s-4-alternate_reverse:hover {
|
|
1058
|
+
-webkit-animation: spin 5s 4 alternate-reverse;
|
|
1059
|
+
-moz-animation: spin 5s 4 alternate-reverse;
|
|
1060
|
+
-ms-animation: spin 5s 4 alternate-reverse;
|
|
1061
|
+
-o-animation: spin 5s 4 alternate-reverse;
|
|
1062
|
+
animation: spin 5s 4 alternate-reverse;
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
.spicon-5s-5-alternate_reverse:hover {
|
|
1066
|
+
-webkit-animation: spin 5s 5 alternate-reverse;
|
|
1067
|
+
-moz-animation: spin 5s 5 alternate-reverse;
|
|
1068
|
+
-ms-animation: spin 5s 5 alternate-reverse;
|
|
1069
|
+
-o-animation: spin 5s 5 alternate-reverse;
|
|
1070
|
+
animation: spin 5s 5 alternate-reverse;
|
|
1071
|
+
}
|
|
1072
|
+
|
|
1073
|
+
.spicon-5s-6-alternate_reverse:hover {
|
|
1074
|
+
-webkit-animation: spin 5s 6 alternate-reverse;
|
|
1075
|
+
-moz-animation: spin 5s 6 alternate-reverse;
|
|
1076
|
+
-ms-animation: spin 5s 6 alternate-reverse;
|
|
1077
|
+
-o-animation: spin 5s 6 alternate-reverse;
|
|
1078
|
+
animation: spin 5s 6 alternate-reverse;
|
|
1079
|
+
}
|
|
1080
|
+
|
|
1081
|
+
/* 6s */
|
|
1082
|
+
|
|
1083
|
+
/* Spicon 6s-x-normal classes */
|
|
1084
|
+
|
|
1085
|
+
.spicon-6s-1-normal:hover {
|
|
1086
|
+
-webkit-animation: spin 6s 1 normal;
|
|
1087
|
+
-moz-animation: spin 6s 1 normal;
|
|
1088
|
+
-ms-animation: spin 6s 1 normal;
|
|
1089
|
+
-o-animation: spin 6s 1 normal;
|
|
1090
|
+
animation: spin 6s 1 normal;
|
|
1091
|
+
}
|
|
1092
|
+
|
|
1093
|
+
|
|
1094
|
+
.spicon-6s-2-normal:hover {
|
|
1095
|
+
-webkit-animation: spin 6s 2 normal;
|
|
1096
|
+
-moz-animation: spin 6s 2 normal;
|
|
1097
|
+
-ms-animation: spin 6s 2 normal;
|
|
1098
|
+
-o-animation: spin 6s 2 normal;
|
|
1099
|
+
animation: spin 6s 2 normal;
|
|
1100
|
+
}
|
|
1101
|
+
|
|
1102
|
+
.spicon-6s-3-normal:hover {
|
|
1103
|
+
-webkit-animation: spin 6s 3 normal;
|
|
1104
|
+
-moz-animation: spin 6s 3 normal;
|
|
1105
|
+
-ms-animation: spin 6s 3 normal;
|
|
1106
|
+
-o-animation: spin 6s 3 normal;
|
|
1107
|
+
animation: spin 6s 3 normal;
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
.spicon-6s-4-normal:hover {
|
|
1111
|
+
-webkit-animation: spin 6s 4 normal;
|
|
1112
|
+
-moz-animation: spin 6s 4 normal;
|
|
1113
|
+
-ms-animation: spin 6s 4 normal;
|
|
1114
|
+
-o-animation: spin 6s 4 normal;
|
|
1115
|
+
animation: spin 6s 4 normal;
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
.spicon-6s-5-normal:hover {
|
|
1119
|
+
-webkit-animation: spin 6s 5 normal;
|
|
1120
|
+
-moz-animation: spin 6s 5 normal;
|
|
1121
|
+
-ms-animation: spin 6s 5 normal;
|
|
1122
|
+
-o-animation: spin 6s 5 normal;
|
|
1123
|
+
animation: spin 6s 5 normal;
|
|
1124
|
+
}
|
|
1125
|
+
|
|
1126
|
+
.spicon-6s-6-normal:hover {
|
|
1127
|
+
-webkit-animation: spin 6s 6 normal;
|
|
1128
|
+
-moz-animation: spin 6s 6 normal;
|
|
1129
|
+
-ms-animation: spin 6s 6 normal;
|
|
1130
|
+
-o-animation: spin 6s 6 normal;
|
|
1131
|
+
animation: spin 6s 6 normal;
|
|
1132
|
+
}
|
|
1133
|
+
|
|
1134
|
+
/* Spicon 6s-x-reverse classes */
|
|
1135
|
+
|
|
1136
|
+
.spicon-6s-1-reverse:hover {
|
|
1137
|
+
-webkit-animation: spin 6s 1 reverse;
|
|
1138
|
+
-moz-animation: spin 6s 1 reverse;
|
|
1139
|
+
-ms-animation: spin 6s 1 reverse;
|
|
1140
|
+
-o-animation: spin 6s 1 reverse;
|
|
1141
|
+
animation: spin 6s 1 reverse;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
.spicon-6s-2-reverse:hover {
|
|
1145
|
+
-webkit-animation: spin 6s 2 reverse;
|
|
1146
|
+
-moz-animation: spin 6s 2 reverse;
|
|
1147
|
+
-ms-animation: spin 6s 2 reverse;
|
|
1148
|
+
-o-animation: spin 6s 2 reverse;
|
|
1149
|
+
animation: spin 6s 2 reverse;
|
|
1150
|
+
}
|
|
1151
|
+
|
|
1152
|
+
.spicon-6s-3-reverse:hover {
|
|
1153
|
+
-webkit-animation: spin 6s 3 reverse;
|
|
1154
|
+
-moz-animation: spin 6s 3 reverse;
|
|
1155
|
+
-ms-animation: spin 6s 3 reverse;
|
|
1156
|
+
-o-animation: spin 6s 3 reverse;
|
|
1157
|
+
animation: spin 6s 3 reverse;
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
.spicon-6s-4-reverse:hover {
|
|
1161
|
+
-webkit-animation: spin 6s 4 reverse;
|
|
1162
|
+
-moz-animation: spin 6s 4 reverse;
|
|
1163
|
+
-ms-animation: spin 6s 4 reverse;
|
|
1164
|
+
-o-animation: spin 6s 4 reverse;
|
|
1165
|
+
animation: spin 6s 4 reverse;
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1168
|
+
.spicon-6s-5-reverse:hover {
|
|
1169
|
+
-webkit-animation: spin 6s 5 reverse;
|
|
1170
|
+
-moz-animation: spin 6s 5 reverse;
|
|
1171
|
+
-ms-animation: spin 6s 5 reverse;
|
|
1172
|
+
-o-animation: spin 6s 5 reverse;
|
|
1173
|
+
animation: spin 6s 5 reverse;
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
.spicon-6s-6-reverse:hover {
|
|
1177
|
+
-webkit-animation: spin 6s 6 reverse;
|
|
1178
|
+
-moz-animation: spin 6s 6 reverse;
|
|
1179
|
+
-ms-animation: spin 6s 6 reverse;
|
|
1180
|
+
-o-animation: spin 6s 6 reverse;
|
|
1181
|
+
animation: spin 6s 6 reverse;
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1184
|
+
/* Spicon 6s-x-alternate classes */
|
|
1185
|
+
|
|
1186
|
+
.spicon-6s-1-alternate:hover {
|
|
1187
|
+
-webkit-animation: spin 6s 1 alternate;
|
|
1188
|
+
-moz-animation: spin 6s 1 alternate;
|
|
1189
|
+
-ms-animation: spin 6s 1 alternate;
|
|
1190
|
+
-o-animation: spin 6s 1 alternate;
|
|
1191
|
+
animation: spin 6s 1 alternate;
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
.spicon-6s-2-alternate:hover {
|
|
1195
|
+
-webkit-animation: spin 6s 2 alternate;
|
|
1196
|
+
-moz-animation: spin 6s 2 alternate;
|
|
1197
|
+
-ms-animation: spin 6s 2 alternate;
|
|
1198
|
+
-o-animation: spin 6s 2 alternate;
|
|
1199
|
+
animation: spin 6s 2 alternate;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
.spicon-6s-3-alternate:hover{
|
|
1203
|
+
-webkit-animation: spin 6s 3 alternate;
|
|
1204
|
+
-moz-animation: spin 6s 3 alternate;
|
|
1205
|
+
-ms-animation: spin 6s 3 alternate;
|
|
1206
|
+
-o-animation: spin 6s 3 alternate;
|
|
1207
|
+
animation: spin 6s 3 alternate;
|
|
1208
|
+
}
|
|
1209
|
+
|
|
1210
|
+
.spicon-6s-4-alternate:hover {
|
|
1211
|
+
-webkit-animation: spin 6s 4 alternate;
|
|
1212
|
+
-moz-animation: spin 6s 4 alternate;
|
|
1213
|
+
-ms-animation: spin 6s 4 alternate;
|
|
1214
|
+
-o-animation: spin 6s 4 alternate;
|
|
1215
|
+
animation: spin 6s 4 alternate;
|
|
1216
|
+
}
|
|
1217
|
+
|
|
1218
|
+
.spicon-6s-5-alternate:hover {
|
|
1219
|
+
-webkit-animation: spin 6s 5 alternate;
|
|
1220
|
+
-moz-animation: spin 6s 5 alternate;
|
|
1221
|
+
-ms-animation: spin 6s 5 alternate;
|
|
1222
|
+
-o-animation: spin 6s 5 alternate;
|
|
1223
|
+
animation: spin 6s 5 alternate;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
.spicon-6s-6-alternate:hover {
|
|
1227
|
+
-webkit-animation: spin 6s 6 alternate;
|
|
1228
|
+
-moz-animation: spin 6s 6 alternate;
|
|
1229
|
+
-ms-animation: spin 6s 6 alternate;
|
|
1230
|
+
-o-animation: spin 6s 6 alternate;
|
|
1231
|
+
animation: spin 6s 6 alternate;
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
/* Spicon 6s-x-alternate_reverse classes */
|
|
1235
|
+
|
|
1236
|
+
.spicon-6s-1-alternate_reverse:hover {
|
|
1237
|
+
-webkit-animation: spin 6s 1 alternate-reverse;
|
|
1238
|
+
-moz-animation: spin 6s 1 alternate-reverse;
|
|
1239
|
+
-ms-animation: spin 6s 1 alternate-reverse;
|
|
1240
|
+
-o-animation: spin 6s 1 alternate-reverse;
|
|
1241
|
+
animation: spin 6s 1 alternate-reverse;
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
.spicon-6s-2-alternate_reverse:hover {
|
|
1245
|
+
-webkit-animation: spin 6s 2 alternate-reverse;
|
|
1246
|
+
-moz-animation: spin 6s 2 alternate-reverse;
|
|
1247
|
+
-ms-animation: spin 6s 2 alternate-reverse;
|
|
1248
|
+
-o-animation: spin 6s 2 alternate-reverse;
|
|
1249
|
+
animation: spin 6s 2 alternate-reverse;
|
|
1250
|
+
}
|
|
1251
|
+
|
|
1252
|
+
.spicon-6s-3-alternate_reverse:hover {
|
|
1253
|
+
-webkit-animation: spin 6s 3 alternate-reverse;
|
|
1254
|
+
-moz-animation: spin 6s 3 alternate-reverse;
|
|
1255
|
+
-ms-animation: spin 6s 3 alternate-reverse;
|
|
1256
|
+
-o-animation: spin 6s 3 alternate-reverse;
|
|
1257
|
+
animation: spin 6s 3 alternate-reverse;
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
.spicon-6s-4-alternate_reverse:hover {
|
|
1261
|
+
-webkit-animation: spin 6s 4 alternate-reverse;
|
|
1262
|
+
-moz-animation: spin 6s 4 alternate-reverse;
|
|
1263
|
+
-ms-animation: spin 6s 4 alternate-reverse;
|
|
1264
|
+
-o-animation: spin 6s 4 alternate-reverse;
|
|
1265
|
+
animation: spin 6s 4 alternate-reverse;
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
.spicon-6s-5-alternate_reverse:hover {
|
|
1269
|
+
-webkit-animation: spin 6s 5 alternate-reverse;
|
|
1270
|
+
-moz-animation: spin 6s 5 alternate-reverse;
|
|
1271
|
+
-ms-animation: spin 6s 5 alternate-reverse;
|
|
1272
|
+
-o-animation: spin 6s 5 alternate-reverse;
|
|
1273
|
+
animation: spin 6s 5 alternate-reverse;
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
.spicon-6s-6-alternate_reverse:hover {
|
|
1277
|
+
-webkit-animation: spin 6s 6 alternate-reverse;
|
|
1278
|
+
-moz-animation: spin 6s 6 alternate-reverse;
|
|
1279
|
+
-ms-animation: spin 6s 6 alternate-reverse;
|
|
1280
|
+
-o-animation: spin 6s 6 alternate-reverse;
|
|
1281
|
+
animation: spin 6s 6 alternate-reverse;
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
/* 7s */
|
|
1285
|
+
|
|
1286
|
+
/* Spicon 7s-x-normal classes */
|
|
1287
|
+
|
|
1288
|
+
.spicon-7s-1-normal:hover {
|
|
1289
|
+
-webkit-animation: spin 7s 1 normal;
|
|
1290
|
+
-moz-animation: spin 7s 1 normal;
|
|
1291
|
+
-ms-animation: spin 7s 1 normal;
|
|
1292
|
+
-o-animation: spin 7s 1 normal;
|
|
1293
|
+
animation: spin 7s 1 normal;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
.spicon-7s-2-normal:hover {
|
|
1297
|
+
-webkit-animation: spin 7s 2 normal;
|
|
1298
|
+
-moz-animation: spin 7s 2 normal;
|
|
1299
|
+
-ms-animation: spin 7s 2 normal;
|
|
1300
|
+
-o-animation: spin 7s 2 normal;
|
|
1301
|
+
animation: spin 7s 2 normal;
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
.spicon-7s-3-normal:hover {
|
|
1305
|
+
-webkit-animation: spin 7s 3 normal;
|
|
1306
|
+
-moz-animation: spin 7s 3 normal;
|
|
1307
|
+
-ms-animation: spin 7s 3 normal;
|
|
1308
|
+
-o-animation: spin 7s 3 normal;
|
|
1309
|
+
animation: spin 7s 3 normal;
|
|
1310
|
+
}
|
|
1311
|
+
|
|
1312
|
+
.spicon-7s-4-normal:hover {
|
|
1313
|
+
-webkit-animation: spin 7s 4 normal;
|
|
1314
|
+
-moz-animation: spin 7s 4 normal;
|
|
1315
|
+
-ms-animation: spin 7s 4 normal;
|
|
1316
|
+
-o-animation: spin 7s 4 normal;
|
|
1317
|
+
animation: spin 7s 4 normal;
|
|
1318
|
+
}
|
|
1319
|
+
|
|
1320
|
+
.spicon-7s-5-normal:hover {
|
|
1321
|
+
-webkit-animation: spin 7s 5 normal;
|
|
1322
|
+
-moz-animation: spin 7s 5 normal;
|
|
1323
|
+
-ms-animation: spin 7s 5 normal;
|
|
1324
|
+
-o-animation: spin 7s 5 normal;
|
|
1325
|
+
animation: spin 7s 5 normal;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
.spicon-7s-6-normal:hover {
|
|
1329
|
+
-webkit-animation: spin 7s 6 normal;
|
|
1330
|
+
-moz-animation: spin 7s 6 normal;
|
|
1331
|
+
-ms-animation: spin 7s 6 normal;
|
|
1332
|
+
-o-animation: spin 7s 6 normal;
|
|
1333
|
+
animation: spin 7s 6 normal;
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
/* Spicon 7s-x-reverse classes */
|
|
1337
|
+
|
|
1338
|
+
.spicon-7s-1-reverse:hover {
|
|
1339
|
+
-webkit-animation: spin 7s 1 reverse;
|
|
1340
|
+
-moz-animation: spin 7s 1 reverse;
|
|
1341
|
+
-ms-animation: spin 7s 1 reverse;
|
|
1342
|
+
-o-animation: spin 7s 1 reverse;
|
|
1343
|
+
animation: spin 7s 1 reverse;
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
.spicon-7s-2-reverse:hover {
|
|
1347
|
+
-webkit-animation: spin 7s 2 reverse;
|
|
1348
|
+
-moz-animation: spin 7s 2 reverse;
|
|
1349
|
+
-ms-animation: spin 7s 2 reverse;
|
|
1350
|
+
-o-animation: spin 7s 2 reverse;
|
|
1351
|
+
animation: spin 7s 2 reverse;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
.spicon-7s-3-reverse:hover {
|
|
1355
|
+
-webkit-animation: spin 7s 3 reverse;
|
|
1356
|
+
-moz-animation: spin 7s 3 reverse;
|
|
1357
|
+
-ms-animation: spin 7s 3 reverse;
|
|
1358
|
+
-o-animation: spin 7s 3 reverse;
|
|
1359
|
+
animation: spin 7s 3 reverse;
|
|
1360
|
+
}
|
|
1361
|
+
|
|
1362
|
+
.spicon-7s-4-reverse:hover {
|
|
1363
|
+
-webkit-animation: spin 7s 4 reverse;
|
|
1364
|
+
-moz-animation: spin 7s 4 reverse;
|
|
1365
|
+
-ms-animation: spin 7s 4 reverse;
|
|
1366
|
+
-o-animation: spin 7s 4 reverse;
|
|
1367
|
+
animation: spin 7s 4 reverse;
|
|
1368
|
+
}
|
|
1369
|
+
|
|
1370
|
+
.spicon-7s-5-reverse:hover {
|
|
1371
|
+
-webkit-animation: spin 7s 5 reverse;
|
|
1372
|
+
-moz-animation: spin 7s 5 reverse;
|
|
1373
|
+
-ms-animation: spin 7s 5 reverse;
|
|
1374
|
+
-o-animation: spin 7s 5 reverse;
|
|
1375
|
+
animation: spin 7s 5 reverse;
|
|
1376
|
+
}
|
|
1377
|
+
|
|
1378
|
+
.spicon-7s-6-reverse:hover {
|
|
1379
|
+
-webkit-animation: spin 7s 6 reverse;
|
|
1380
|
+
-moz-animation: spin 7s 6 reverse;
|
|
1381
|
+
-ms-animation: spin 7s 6 reverse;
|
|
1382
|
+
-o-animation: spin 7s 6 reverse;
|
|
1383
|
+
animation: spin 7s 6 reverse;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
/* Spicon 7s-x-alternate classes */
|
|
1387
|
+
|
|
1388
|
+
.spicon-7s-1-alternate:hover {
|
|
1389
|
+
-webkit-animation: spin 7s 1 alternate;
|
|
1390
|
+
-moz-animation: spin 7s 1 alternate;
|
|
1391
|
+
-ms-animation: spin 7s 1 alternate;
|
|
1392
|
+
-o-animation: spin 7s 1 alternate;
|
|
1393
|
+
animation: spin 7s 1 alternate;
|
|
1394
|
+
}
|
|
1395
|
+
|
|
1396
|
+
.spicon-7s-2-alternate:hover {
|
|
1397
|
+
-webkit-animation: spin 7s 2 alternate;
|
|
1398
|
+
-moz-animation: spin 7s 2 alternate;
|
|
1399
|
+
-ms-animation: spin 7s 2 alternate;
|
|
1400
|
+
-o-animation: spin 7s 2 alternate;
|
|
1401
|
+
animation: spin 7s 2 alternate;
|
|
1402
|
+
}
|
|
1403
|
+
|
|
1404
|
+
.spicon-7s-3-alternate:hover {
|
|
1405
|
+
-webkit-animation: spin 7s 3 alternate;
|
|
1406
|
+
-moz-animation: spin 7s 3 alternate;
|
|
1407
|
+
-ms-animation: spin 7s 3 alternate;
|
|
1408
|
+
-o-animation: spin 7s 3 alternate;
|
|
1409
|
+
animation: spin 7s 3 alternate;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.spicon-7s-4-alternate:hover {
|
|
1413
|
+
-webkit-animation: spin 7s 4 alternate;
|
|
1414
|
+
-moz-animation: spin 7s 4 alternate;
|
|
1415
|
+
-ms-animation: spin 7s 4 alternate;
|
|
1416
|
+
-o-animation: spin 7s 4 alternate;
|
|
1417
|
+
animation: spin 7s 4 alternate;
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
.spicon-7s-5-alternate:hover {
|
|
1421
|
+
-webkit-animation: spin 7s 5 alternate;
|
|
1422
|
+
-moz-animation: spin 7s 5 alternate;
|
|
1423
|
+
-ms-animation: spin 7s 5 alternate;
|
|
1424
|
+
-o-animation: spin 7s 5 alternate;
|
|
1425
|
+
animation: spin 7s 5 alternate;
|
|
1426
|
+
}
|
|
1427
|
+
|
|
1428
|
+
.spicon-7s-6-alternate:hover {
|
|
1429
|
+
-webkit-animation: spin 7s 6 alternate;
|
|
1430
|
+
-moz-animation: spin 7s 6 alternate;
|
|
1431
|
+
-ms-animation: spin 7s 6 alternate;
|
|
1432
|
+
-o-animation: spin 7s 6 alternate;
|
|
1433
|
+
animation: spin 7s 6 alternate;
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
/* Spicon 7s-x-alternate_reverse classes */
|
|
1437
|
+
|
|
1438
|
+
.spicon-7s-1-alternate_reverse:hover {
|
|
1439
|
+
-webkit-animation: spin 7s 1 alternate-reverse;
|
|
1440
|
+
-moz-animation: spin 7s 1 alternate-reverse;
|
|
1441
|
+
-ms-animation: spin 7s 1 alternate-reverse;
|
|
1442
|
+
-o-animation: spin 7s 1 alternate-reverse;
|
|
1443
|
+
animation: spin 7s 1 alternate-reverse;
|
|
1444
|
+
}
|
|
1445
|
+
|
|
1446
|
+
.spicon-7s-2-alternate_reverse:hover {
|
|
1447
|
+
-webkit-animation: spin 7s 2 alternate-reverse;
|
|
1448
|
+
-moz-animation: spin 7s 2 alternate-reverse;
|
|
1449
|
+
-ms-animation: spin 7s 2 alternate-reverse;
|
|
1450
|
+
-o-animation: spin 7s 2 alternate-reverse;
|
|
1451
|
+
animation: spin 7s 2 alternate-reverse;
|
|
1452
|
+
}
|
|
1453
|
+
|
|
1454
|
+
.spicon-7s-3-alternate_reverse:hover {
|
|
1455
|
+
-webkit-animation: spin 7s 3 alternate-reverse;
|
|
1456
|
+
-moz-animation: spin 7s 3 alternate-reverse;
|
|
1457
|
+
-ms-animation: spin 7s 3 alternate-reverse;
|
|
1458
|
+
-o-animation: spin 7s 3 alternate-reverse;
|
|
1459
|
+
animation: spin 7s 3 alternate-reverse;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
.spicon-7s-4-alternate_reverse:hover {
|
|
1463
|
+
-webkit-animation: spin 7s 4 alternate-reverse;
|
|
1464
|
+
-moz-animation: spin 7s 4 alternate-reverse;
|
|
1465
|
+
-ms-animation: spin 7s 4 alternate-reverse;
|
|
1466
|
+
-o-animation: spin 7s 4 alternate-reverse;
|
|
1467
|
+
animation: spin 7s 4 alternate-reverse;
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
.spicon-7s-5-alternate_reverse:hover {
|
|
1471
|
+
-webkit-animation: spin 7s 5 alternate-reverse;
|
|
1472
|
+
-moz-animation: spin 7s 5 alternate-reverse;
|
|
1473
|
+
-ms-animation: spin 7s 5 alternate-reverse;
|
|
1474
|
+
-o-animation: spin 7s 5 alternate-reverse;
|
|
1475
|
+
animation: spin 7s 5 alternate-reverse;
|
|
1476
|
+
}
|
|
1477
|
+
|
|
1478
|
+
.spicon-7s-6-alternate_reverse:hover {
|
|
1479
|
+
-webkit-animation: spin 7s 6 alternate-reverse;
|
|
1480
|
+
-moz-animation: spin 7s 6 alternate-reverse;
|
|
1481
|
+
-ms-animation: spin 7s 6 alternate-reverse;
|
|
1482
|
+
-o-animation: spin 7s 6 alternate-reverse;
|
|
1483
|
+
animation: spin 7s 6 alternate-reverse;
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
/* 8s */
|
|
1487
|
+
|
|
1488
|
+
/* Spicon 8s-x-normal classes */
|
|
1489
|
+
|
|
1490
|
+
.spicon-8s-1-normal:hover {
|
|
1491
|
+
-webkit-animation: spin 8s 1 normal;
|
|
1492
|
+
-moz-animation: spin 8s 1 normal;
|
|
1493
|
+
-ms-animation: spin 8s 1 normal;
|
|
1494
|
+
-o-animation: spin 8s 1 normal;
|
|
1495
|
+
animation: spin 8s 1 normal;
|
|
1496
|
+
}
|
|
1497
|
+
|
|
1498
|
+
.spicon-8s-2-normal:hover {
|
|
1499
|
+
-webkit-animation: spin 8s 2 normal;
|
|
1500
|
+
-moz-animation: spin 8s 2 normal;
|
|
1501
|
+
-ms-animation: spin 8s 2 normal;
|
|
1502
|
+
-o-animation: spin 8s 2 normal;
|
|
1503
|
+
animation: spin 8s 2 normal;
|
|
1504
|
+
}
|
|
1505
|
+
|
|
1506
|
+
.spicon-8s-3-normal:hover {
|
|
1507
|
+
-webkit-animation: spin 8s 3 normal;
|
|
1508
|
+
-moz-animation: spin 8s 3 normal;
|
|
1509
|
+
-ms-animation: spin 8s 3 normal;
|
|
1510
|
+
-o-animation: spin 8s 3 normal;
|
|
1511
|
+
animation: spin 8s 3 normal;
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
.spicon-8s-4-normal:hover {
|
|
1515
|
+
-webkit-animation: spin 8s 4 normal;
|
|
1516
|
+
-moz-animation: spin 8s 4 normal;
|
|
1517
|
+
-ms-animation: spin 8s 4 normal;
|
|
1518
|
+
-o-animation: spin 8s 4 normal;
|
|
1519
|
+
animation: spin 8s 4 normal;
|
|
1520
|
+
}
|
|
1521
|
+
|
|
1522
|
+
.spicon-8s-5-normal:hover {
|
|
1523
|
+
-webkit-animation: spin 8s 5 normal;
|
|
1524
|
+
-moz-animation: spin 8s 5 normal;
|
|
1525
|
+
-ms-animation: spin 8s 5 normal;
|
|
1526
|
+
-o-animation: spin 8s 5 normal;
|
|
1527
|
+
animation: spin 8s 5 normal;
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
.spicon-8s-6-normal:hover {
|
|
1531
|
+
-webkit-animation: spin 8s 6 normal;
|
|
1532
|
+
-moz-animation: spin 8s 6 normal;
|
|
1533
|
+
-ms-animation: spin 8s 6 normal;
|
|
1534
|
+
-o-animation: spin 8s 6 normal;
|
|
1535
|
+
animation: spin 8s 6 normal;
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1538
|
+
/* Spicon 8s-x-reverse classes */
|
|
1539
|
+
|
|
1540
|
+
.spicon-8s-1-reverse:hover {
|
|
1541
|
+
-webkit-animation: spin 8s 1 reverse;
|
|
1542
|
+
-moz-animation: spin 8s 1 reverse;
|
|
1543
|
+
-ms-animation: spin 8s 1 reverse;
|
|
1544
|
+
-o-animation: spin 8s 1 reverse;
|
|
1545
|
+
animation: spin 8s 1 reverse;
|
|
1546
|
+
}
|
|
1547
|
+
|
|
1548
|
+
.spicon-8s-2-reverse:hover {
|
|
1549
|
+
-webkit-animation: spin 8s 2 reverse;
|
|
1550
|
+
-moz-animation: spin 8s 2 reverse;
|
|
1551
|
+
-ms-animation: spin 8s 2 reverse;
|
|
1552
|
+
-o-animation: spin 8s 2 reverse;
|
|
1553
|
+
animation: spin 8s 2 reverse;
|
|
1554
|
+
}
|
|
1555
|
+
|
|
1556
|
+
.spicon-8s-3-reverse:hover {
|
|
1557
|
+
-webkit-animation: spin 8s 3 reverse;
|
|
1558
|
+
-moz-animation: spin 8s 3 reverse;
|
|
1559
|
+
-ms-animation: spin 8s 3 reverse;
|
|
1560
|
+
-o-animation: spin 8s 3 reverse;
|
|
1561
|
+
animation: spin 8s 3 reverse;
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.spicon-8s-4-reverse:hover {
|
|
1565
|
+
-webkit-animation: spin 8s 4 reverse;
|
|
1566
|
+
-moz-animation: spin 8s 4 reverse;
|
|
1567
|
+
-ms-animation: spin 8s 4 reverse;
|
|
1568
|
+
-o-animation: spin 8s 4 reverse;
|
|
1569
|
+
animation: spin 8s 4 reverse;
|
|
1570
|
+
}
|
|
1571
|
+
|
|
1572
|
+
.spicon-8s-5-reverse:hover {
|
|
1573
|
+
-webkit-animation: spin 8s 5 reverse;
|
|
1574
|
+
-moz-animation: spin 8s 5 reverse;
|
|
1575
|
+
-ms-animation: spin 8s 5 reverse;
|
|
1576
|
+
-o-animation: spin 8s 5 reverse;
|
|
1577
|
+
animation: spin 8s 5 reverse;
|
|
1578
|
+
}
|
|
1579
|
+
|
|
1580
|
+
.spicon-8s-6-reverse:hover{
|
|
1581
|
+
-webkit-animation: spin 8s 6 reverse;
|
|
1582
|
+
-moz-animation: spin 8s 6 reverse;
|
|
1583
|
+
-ms-animation: spin 8s 6 reverse;
|
|
1584
|
+
-o-animation: spin 8s 6 reverse;
|
|
1585
|
+
animation: spin 8s 6 reverse;
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
/* Spicon 8s-x-alternate classes */
|
|
1589
|
+
|
|
1590
|
+
.spicon-8s-1-alternate:hover {
|
|
1591
|
+
-webkit-animation: spin 8s 1 alternate;
|
|
1592
|
+
-moz-animation: spin 8s 1 alternate;
|
|
1593
|
+
-ms-animation: spin 8s 1 alternate;
|
|
1594
|
+
-o-animation: spin 8s 1 alternate;
|
|
1595
|
+
animation: spin 8s 1 alternate;
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1598
|
+
.spicon-8s-2-alternate:hover {
|
|
1599
|
+
-webkit-animation: spin 8s 2 alternate;
|
|
1600
|
+
-moz-animation: spin 8s 2 alternate;
|
|
1601
|
+
-ms-animation: spin 8s 2 alternate;
|
|
1602
|
+
-o-animation: spin 8s 2 alternate;
|
|
1603
|
+
animation: spin 8s 2 alternate;
|
|
1604
|
+
}
|
|
1605
|
+
|
|
1606
|
+
.spicon-8s-3-alternate:hover {
|
|
1607
|
+
-webkit-animation: spin 8s 3 alternate;
|
|
1608
|
+
-moz-animation: spin 8s 3 alternate;
|
|
1609
|
+
-ms-animation: spin 8s 3 alternate;
|
|
1610
|
+
-o-animation: spin 8s 3 alternate;
|
|
1611
|
+
animation: spin 8s 3 alternate;
|
|
1612
|
+
}
|
|
1613
|
+
|
|
1614
|
+
.spicon-8s-4-alternate:hover {
|
|
1615
|
+
-webkit-animation: spin 8s 4 alternate;
|
|
1616
|
+
-moz-animation: spin 8s 4 alternate;
|
|
1617
|
+
-ms-animation: spin 8s 4 alternate;
|
|
1618
|
+
-o-animation: spin 8s 4 alternate;
|
|
1619
|
+
animation: spin 8s 4 alternate;
|
|
1620
|
+
}
|
|
1621
|
+
|
|
1622
|
+
.spicon-8s-5-alternate:hover {
|
|
1623
|
+
-webkit-animation: spin 8s 5 alternate;
|
|
1624
|
+
-moz-animation: spin 8s 5 alternate;
|
|
1625
|
+
-ms-animation: spin 8s 5 alternate;
|
|
1626
|
+
-o-animation: spin 8s 5 alternate;
|
|
1627
|
+
animation: spin 8s 5 alternate;
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
.spicon-8s-6-alternate:hover {
|
|
1631
|
+
-webkit-animation: spin 8s 6 alternate;
|
|
1632
|
+
-moz-animation: spin 8s 6 alternate;
|
|
1633
|
+
-ms-animation: spin 8s 6 alternate;
|
|
1634
|
+
-o-animation: spin 8s 6 alternate;
|
|
1635
|
+
animation: spin 8s 6 alternate;
|
|
1636
|
+
}
|
|
1637
|
+
|
|
1638
|
+
/* Spicon 8s-x-alternate_reverse classes */
|
|
1639
|
+
|
|
1640
|
+
.spicon-8s-1-alternate_reverse:hover {
|
|
1641
|
+
-webkit-animation: spin 8s 1 alternate-reverse;
|
|
1642
|
+
-moz-animation: spin 8s 1 alternate-reverse;
|
|
1643
|
+
-ms-animation: spin 8s 1 alternate-reverse;
|
|
1644
|
+
-o-animation: spin 8s 1 alternate-reverse;
|
|
1645
|
+
animation: spin 8s 1 alternate-reverse;
|
|
1646
|
+
}
|
|
1647
|
+
|
|
1648
|
+
.spicon-8s-2-alternate_reverse:hover {
|
|
1649
|
+
-webkit-animation: spin 8s 2 alternate-reverse;
|
|
1650
|
+
-moz-animation: spin 8s 2 alternate-reverse;
|
|
1651
|
+
-ms-animation: spin 8s 2 alternate-reverse;
|
|
1652
|
+
-o-animation: spin 8s 2 alternate-reverse;
|
|
1653
|
+
animation: spin 8s 2 alternate-reverse;
|
|
1654
|
+
}
|
|
1655
|
+
|
|
1656
|
+
.spicon-8s-3-alternate_reverse:hover {
|
|
1657
|
+
-webkit-animation: spin 8s 3 alternate-reverse;
|
|
1658
|
+
-moz-animation: spin 8s 3 alternate-reverse;
|
|
1659
|
+
-ms-animation: spin 8s 3 alternate-reverse;
|
|
1660
|
+
-o-animation: spin 8s 3 alternate-reverse;
|
|
1661
|
+
animation: spin 8s 3 alternate-reverse;
|
|
1662
|
+
}
|
|
1663
|
+
|
|
1664
|
+
.spicon-8s-4-alternate_reverse:hover {
|
|
1665
|
+
-webkit-animation: spin 8s 4 alternate-reverse;
|
|
1666
|
+
-moz-animation: spin 8s 4 alternate-reverse;
|
|
1667
|
+
-ms-animation: spin 8s 4 alternate-reverse;
|
|
1668
|
+
-o-animation: spin 8s 4 alternate-reverse;
|
|
1669
|
+
animation: spin 8s 4 alternate-reverse;
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1672
|
+
.spicon-8s-5-alternate_reverse:hover {
|
|
1673
|
+
-webkit-animation: spin 8s 5 alternate-reverse;
|
|
1674
|
+
-moz-animation: spin 8s 5 alternate-reverse;
|
|
1675
|
+
-ms-animation: spin 8s 5 alternate-reverse;
|
|
1676
|
+
-o-animation: spin 8s 5 alternate-reverse;
|
|
1677
|
+
animation: spin 8s 5 alternate-reverse;
|
|
1678
|
+
}
|
|
1679
|
+
|
|
1680
|
+
.spicon-8s-6-alternate_reverse:hover {
|
|
1681
|
+
-webkit-animation: spin 8s 6 alternate-reverse;
|
|
1682
|
+
-moz-animation: spin 8s 6 alternate-reverse;
|
|
1683
|
+
-ms-animation: spin 8s 6 alternate-reverse;
|
|
1684
|
+
-o-animation: spin 8s 6 alternate-reverse;
|
|
1685
|
+
animation: spin 8s 6 alternate-reverse;
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
/* 9s */
|
|
1689
|
+
|
|
1690
|
+
/* Spicon 9s-x-normal classes */
|
|
1691
|
+
|
|
1692
|
+
.spicon-9s-1-normal:hover {
|
|
1693
|
+
-webkit-animation: spin 9s 1 normal;
|
|
1694
|
+
-moz-animation: spin 9s 1 normal;
|
|
1695
|
+
-ms-animation: spin 9s 1 normal;
|
|
1696
|
+
-o-animation: spin 9s 1 normal;
|
|
1697
|
+
animation: spin 9s 1 normal;
|
|
1698
|
+
}
|
|
1699
|
+
|
|
1700
|
+
.spicon-9s-2-normal:hover {
|
|
1701
|
+
-webkit-animation: spin 9s 2 normal;
|
|
1702
|
+
-moz-animation: spin 9s 2 normal;
|
|
1703
|
+
-ms-animation: spin 9s 2 normal;
|
|
1704
|
+
-o-animation: spin 9s 2 normal;
|
|
1705
|
+
animation: spin 9s 2 normal;
|
|
1706
|
+
}
|
|
1707
|
+
|
|
1708
|
+
.spicon-9s-3-normal:hover {
|
|
1709
|
+
-webkit-animation: spin 9s 3 normal;
|
|
1710
|
+
-moz-animation: spin 9s 3 normal;
|
|
1711
|
+
-ms-animation: spin 9s 3 normal;
|
|
1712
|
+
-o-animation: spin 9s 3 normal;
|
|
1713
|
+
animation: spin 9s 3 normal;
|
|
1714
|
+
}
|
|
1715
|
+
|
|
1716
|
+
.spicon-9s-4-normal:hover {
|
|
1717
|
+
-webkit-animation: spin 9s 4 normal;
|
|
1718
|
+
-moz-animation: spin 9s 4 normal;
|
|
1719
|
+
-ms-animation: spin 9s 4 normal;
|
|
1720
|
+
-o-animation: spin 9s 4 normal;
|
|
1721
|
+
animation: spin 9s 4 normal;
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1724
|
+
.spicon-9s-5-normal:hover {
|
|
1725
|
+
-webkit-animation: spin 9s 5 normal;
|
|
1726
|
+
-moz-animation: spin 9s 5 normal;
|
|
1727
|
+
-ms-animation: spin 9s 5 normal;
|
|
1728
|
+
-o-animation: spin 9s 5 normal;
|
|
1729
|
+
animation: spin 9s 5 normal;
|
|
1730
|
+
}
|
|
1731
|
+
|
|
1732
|
+
.spicon-9s-6-normal:hover {
|
|
1733
|
+
-webkit-animation: spin 9s 6 normal;
|
|
1734
|
+
-moz-animation: spin 9s 6 normal;
|
|
1735
|
+
-ms-animation: spin 9s 6 normal;
|
|
1736
|
+
-o-animation: spin 9s 6 normal;
|
|
1737
|
+
animation: spin 9s 6 normal;
|
|
1738
|
+
}
|
|
1739
|
+
|
|
1740
|
+
/* Spicon 9s-x-reverse classes */
|
|
1741
|
+
|
|
1742
|
+
.spicon-9s-1-reverse:hover {
|
|
1743
|
+
-webkit-animation: spin 9s 1 reverse;
|
|
1744
|
+
-moz-animation: spin 9s 1 reverse;
|
|
1745
|
+
-ms-animation: spin 9s 1 reverse;
|
|
1746
|
+
-o-animation: spin 9s 1 reverse;
|
|
1747
|
+
animation: spin 9s 1 reverse;
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1750
|
+
.spicon-9s-2-reverse:hover {
|
|
1751
|
+
-webkit-animation: spin 9s 2 reverse;
|
|
1752
|
+
-moz-animation: spin 9s 2 reverse;
|
|
1753
|
+
-ms-animation: spin 9s 2 reverse;
|
|
1754
|
+
-o-animation: spin 9s 2 reverse;
|
|
1755
|
+
animation: spin 9s 2 reverse;
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
.spicon-9s-3-reverse:hover {
|
|
1759
|
+
-webkit-animation: spin 9s 3 reverse;
|
|
1760
|
+
-moz-animation: spin 9s 3 reverse;
|
|
1761
|
+
-ms-animation: spin 9s 3 reverse;
|
|
1762
|
+
-o-animation: spin 9s 3 reverse;
|
|
1763
|
+
animation: spin 9s 3 reverse;
|
|
1764
|
+
}
|
|
1765
|
+
|
|
1766
|
+
.spicon-9s-4-reverse:hover {
|
|
1767
|
+
-webkit-animation: spin 9s 4 reverse;
|
|
1768
|
+
-moz-animation: spin 9s 4 reverse;
|
|
1769
|
+
-ms-animation: spin 9s 4 reverse;
|
|
1770
|
+
-o-animation: spin 9s 4 reverse;
|
|
1771
|
+
animation: spin 9s 4 reverse;
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1774
|
+
.spicon-9s-5-reverse:hover {
|
|
1775
|
+
-webkit-animation: spin 9s 5 reverse;
|
|
1776
|
+
-moz-animation: spin 9s 5 reverse;
|
|
1777
|
+
-ms-animation: spin 9s 5 reverse;
|
|
1778
|
+
-o-animation: spin 9s 5 reverse;
|
|
1779
|
+
animation: spin 9s 5 reverse;
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1782
|
+
.spicon-9s-6-reverse:hover {
|
|
1783
|
+
-webkit-animation: spin 9s 6 reverse;
|
|
1784
|
+
-moz-animation: spin 9s 6 reverse;
|
|
1785
|
+
-ms-animation: spin 9s 6 reverse;
|
|
1786
|
+
-o-animation: spin 9s 6 reverse;
|
|
1787
|
+
animation: spin 9s 6 reverse;
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1790
|
+
/* Spicon 9s-x-alternate classes */
|
|
1791
|
+
|
|
1792
|
+
.spicon-9s-1-alternate:hover {
|
|
1793
|
+
-webkit-animation: spin 9s 1 alternate;
|
|
1794
|
+
-moz-animation: spin 9s 1 alternate;
|
|
1795
|
+
-ms-animation: spin 9s 1 alternate;
|
|
1796
|
+
-o-animation: spin 9s 1 alternate;
|
|
1797
|
+
animation: spin 9s 1 alternate;
|
|
1798
|
+
}
|
|
1799
|
+
|
|
1800
|
+
.spicon-9s-2-alternate:hover {
|
|
1801
|
+
-webkit-animation: spin 9s 2 alternate;
|
|
1802
|
+
-moz-animation: spin 9s 2 alternate;
|
|
1803
|
+
-ms-animation: spin 9s 2 alternate;
|
|
1804
|
+
-o-animation: spin 9s 2 alternate;
|
|
1805
|
+
animation: spin 9s 2 alternate;
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
.spicon-9s-3-alternate:hover {
|
|
1809
|
+
-webkit-animation: spin 9s 3 alternate;
|
|
1810
|
+
-moz-animation: spin 9s 3 alternate;
|
|
1811
|
+
-ms-animation: spin 9s 3 alternate;
|
|
1812
|
+
-o-animation: spin 9s 3 alternate;
|
|
1813
|
+
animation: spin 9s 3 alternate;
|
|
1814
|
+
}
|
|
1815
|
+
|
|
1816
|
+
.spicon-9s-4-alternate:hover {
|
|
1817
|
+
-webkit-animation: spin 9s 4 alternate;
|
|
1818
|
+
-moz-animation: spin 9s 4 alternate;
|
|
1819
|
+
-ms-animation: spin 9s 4 alternate;
|
|
1820
|
+
-o-animation: spin 9s 4 alternate;
|
|
1821
|
+
animation: spin 9s 4 alternate;
|
|
1822
|
+
}
|
|
1823
|
+
|
|
1824
|
+
.spicon-9s-5-alternate:hover {
|
|
1825
|
+
-webkit-animation: spin 9s 5 alternate;
|
|
1826
|
+
-moz-animation: spin 9s 5 alternate;
|
|
1827
|
+
-ms-animation: spin 9s 5 alternate;
|
|
1828
|
+
-o-animation: spin 9s 5 alternate;
|
|
1829
|
+
animation: spin 9s 5 alternate;
|
|
1830
|
+
}
|
|
1831
|
+
|
|
1832
|
+
.spicon-9s-6-alternate:hover {
|
|
1833
|
+
-webkit-animation: spin 9s 6 alternate;
|
|
1834
|
+
-moz-animation: spin 9s 6 alternate;
|
|
1835
|
+
-ms-animation: spin 9s 6 alternate;
|
|
1836
|
+
-o-animation: spin 9s 6 alternate;
|
|
1837
|
+
animation: spin 9s 6 alternate;
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
/* Spicon 9s-x-alternate_reverse classes */
|
|
1841
|
+
|
|
1842
|
+
.spicon-9s-1-alternate_reverse:hover {
|
|
1843
|
+
-webkit-animation: spin 9s 1 alternate-reverse;
|
|
1844
|
+
-moz-animation: spin 9s 1 alternate-reverse;
|
|
1845
|
+
-ms-animation: spin 9s 1 alternate-reverse;
|
|
1846
|
+
-o-animation: spin 9s 1 alternate-reverse;
|
|
1847
|
+
animation: spin 9s 1 alternate-reverse;
|
|
1848
|
+
}
|
|
1849
|
+
|
|
1850
|
+
.spicon-9s-2-alternate_reverse:hover {
|
|
1851
|
+
-webkit-animation: spin 9s 2 alternate-reverse;
|
|
1852
|
+
-moz-animation: spin 9s 2 alternate-reverse;
|
|
1853
|
+
-ms-animation: spin 9s 2 alternate-reverse;
|
|
1854
|
+
-o-animation: spin 9s 2 alternate-reverse;
|
|
1855
|
+
animation: spin 9s 2 alternate-reverse;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
.spicon-9s-3-alternate_reverse:hover {
|
|
1859
|
+
-webkit-animation: spin 9s 3 alternate-reverse;
|
|
1860
|
+
-moz-animation: spin 9s 3 alternate-reverse;
|
|
1861
|
+
-ms-animation: spin 9s 3 alternate-reverse;
|
|
1862
|
+
-o-animation: spin 9s 3 alternate-reverse;
|
|
1863
|
+
animation: spin 9s 3 alternate-reverse;
|
|
1864
|
+
}
|
|
1865
|
+
|
|
1866
|
+
.spicon-9s-4-alternate_reverse:hover {
|
|
1867
|
+
-webkit-animation: spin 9s 4 alternate-reverse;
|
|
1868
|
+
-moz-animation: spin 9s 4 alternate-reverse;
|
|
1869
|
+
-ms-animation: spin 9s 4 alternate-reverse;
|
|
1870
|
+
-o-animation: spin 9s 4 alternate-reverse;
|
|
1871
|
+
animation: spin 9s 4 alternate-reverse;
|
|
1872
|
+
}
|
|
1873
|
+
|
|
1874
|
+
.spicon-9s-5-alternate_reverse:hover {
|
|
1875
|
+
-webkit-animation: spin 9s 5 alternate-reverse;
|
|
1876
|
+
-moz-animation: spin 9s 5 alternate-reverse;
|
|
1877
|
+
-ms-animation: spin 9s 5 alternate-reverse;
|
|
1878
|
+
-o-animation: spin 9s 5 alternate-reverse;
|
|
1879
|
+
animation: spin 9s 5 alternate-reverse;
|
|
1880
|
+
}
|
|
1881
|
+
|
|
1882
|
+
.spicon-9s-6-alternate_reverse:hover {
|
|
1883
|
+
-webkit-animation: spin 9s 6 alternate-reverse;
|
|
1884
|
+
-moz-animation: spin 9s 6 alternate-reverse;
|
|
1885
|
+
-ms-animation: spin 9s 6 alternate-reverse;
|
|
1886
|
+
-o-animation: spin 9s 6 alternate-reverse;
|
|
1887
|
+
animation: spin 9s 6 alternate-reverse;
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1890
|
+
/* 10s */
|
|
1891
|
+
|
|
1892
|
+
/* Spicon 10s-x-normal classes */
|
|
1893
|
+
|
|
1894
|
+
.spicon-10s-1-normal:hover {
|
|
1895
|
+
-webkit-animation: spin 10s 1 normal;
|
|
1896
|
+
-moz-animation: spin 10s 1 normal;
|
|
1897
|
+
-ms-animation: spin 10s 1 normal;
|
|
1898
|
+
-o-animation: spin 10s 1 normal;
|
|
1899
|
+
animation: spin 10s 1 normal;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
.spicon-10s-2-normal:hover {
|
|
1903
|
+
-webkit-animation: spin 10s 2 normal;
|
|
1904
|
+
-moz-animation: spin 10s 2 normal;
|
|
1905
|
+
-ms-animation: spin 10s 2 normal;
|
|
1906
|
+
-o-animation: spin 10s 2 normal;
|
|
1907
|
+
animation: spin 10s 2 normal;
|
|
1908
|
+
}
|
|
1909
|
+
|
|
1910
|
+
.spicon-10s-3-normal:hover {
|
|
1911
|
+
-webkit-animation: spin 10s 3 normal;
|
|
1912
|
+
-moz-animation: spin 10s 3 normal;
|
|
1913
|
+
-ms-animation: spin 10s 3 normal;
|
|
1914
|
+
-o-animation: spin 10s 3 normal;
|
|
1915
|
+
animation: spin 10s 3 normal;
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1918
|
+
.spicon-10s-4-normal:hover {
|
|
1919
|
+
-webkit-animation: spin 10s 4 normal;
|
|
1920
|
+
-moz-animation: spin 10s 4 normal;
|
|
1921
|
+
-ms-animation: spin 10s 4 normal;
|
|
1922
|
+
-o-animation: spin 10s 4 normal;
|
|
1923
|
+
animation: spin 10s 4 normal;
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1926
|
+
.spicon-10s-5-normal:hover {
|
|
1927
|
+
-webkit-animation: spin 10s 5 normal;
|
|
1928
|
+
-moz-animation: spin 10s 5 normal;
|
|
1929
|
+
-ms-animation: spin 10s 5 normal;
|
|
1930
|
+
-o-animation: spin 10s 5 normal;
|
|
1931
|
+
animation: spin 10s 5 normal;
|
|
1932
|
+
}
|
|
1933
|
+
|
|
1934
|
+
.spicon-10s-6-normal:hover {
|
|
1935
|
+
-webkit-animation: spin 10s 6 normal;
|
|
1936
|
+
-moz-animation: spin 10s 6 normal;
|
|
1937
|
+
-ms-animation: spin 10s 6 normal;
|
|
1938
|
+
-o-animation: spin 10s 6 normal;
|
|
1939
|
+
animation: spin 10s 6 normal;
|
|
1940
|
+
}
|
|
1941
|
+
|
|
1942
|
+
/* Spicon 10s-x-reverse classes */
|
|
1943
|
+
|
|
1944
|
+
.spicon-10s-1-reverse:hover {
|
|
1945
|
+
-webkit-animation: spin 10s 1 reverse;
|
|
1946
|
+
-moz-animation: spin 10s 1 reverse;
|
|
1947
|
+
-ms-animation: spin 10s 1 reverse;
|
|
1948
|
+
-o-animation: spin 10s 1 reverse;
|
|
1949
|
+
animation: spin 10s 1 reverse;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
.spicon-10s-2-reverse:hover {
|
|
1953
|
+
-webkit-animation: spin 10s 2 reverse;
|
|
1954
|
+
-moz-animation: spin 10s 2 reverse;
|
|
1955
|
+
-ms-animation: spin 10s 2 reverse;
|
|
1956
|
+
-o-animation: spin 10s 2 reverse;
|
|
1957
|
+
animation: spin 10s 2 reverse;
|
|
1958
|
+
}
|
|
1959
|
+
|
|
1960
|
+
.spicon-10s-3-reverse:hover {
|
|
1961
|
+
-webkit-animation: spin 10s 3 reverse;
|
|
1962
|
+
-moz-animation: spin 10s 3 reverse;
|
|
1963
|
+
-ms-animation: spin 10s 3 reverse;
|
|
1964
|
+
-o-animation: spin 10s 3 reverse;
|
|
1965
|
+
animation: spin 10s 3 reverse;
|
|
1966
|
+
}
|
|
1967
|
+
|
|
1968
|
+
.spicon-10s-4-reverse:hover {
|
|
1969
|
+
-webkit-animation: spin 10s 4 reverse;
|
|
1970
|
+
-moz-animation: spin 10s 4 reverse;
|
|
1971
|
+
-ms-animation: spin 10s 4 reverse;
|
|
1972
|
+
-o-animation: spin 10s 4 reverse;
|
|
1973
|
+
animation: spin 10s 4 reverse;
|
|
1974
|
+
}
|
|
1975
|
+
|
|
1976
|
+
.spicon-10s-5-reverse:hover {
|
|
1977
|
+
-webkit-animation: spin 10s 5 reverse;
|
|
1978
|
+
-moz-animation: spin 10s 5 reverse;
|
|
1979
|
+
-ms-animation: spin 10s 5 reverse;
|
|
1980
|
+
-o-animation: spin 10s 5 reverse;
|
|
1981
|
+
animation: spin 10s 5 reverse;
|
|
1982
|
+
}
|
|
1983
|
+
|
|
1984
|
+
.spicon-10s-6-reverse:hover {
|
|
1985
|
+
-webkit-animation: spin 10s 6 reverse;
|
|
1986
|
+
-moz-animation: spin 10s 6 reverse;
|
|
1987
|
+
-ms-animation: spin 10s 6 reverse;
|
|
1988
|
+
-o-animation: spin 10s 6 reverse;
|
|
1989
|
+
animation: spin 10s 6 reverse;
|
|
1990
|
+
}
|
|
1991
|
+
|
|
1992
|
+
/* Spicon 10s-x-alternate classes */
|
|
1993
|
+
|
|
1994
|
+
.spicon-10s-1-alternate:hover {
|
|
1995
|
+
-webkit-animation: spin 10s 1 alternate;
|
|
1996
|
+
-moz-animation: spin 10s 1 alternate;
|
|
1997
|
+
-ms-animation: spin 10s 1 alternate;
|
|
1998
|
+
-o-animation: spin 10s 1 alternate;
|
|
1999
|
+
animation: spin 10s 1 alternate;
|
|
2000
|
+
}
|
|
2001
|
+
|
|
2002
|
+
.spicon-10s-2-alternate:hover {
|
|
2003
|
+
-webkit-animation: spin 10s 2 alternate;
|
|
2004
|
+
-moz-animation: spin 10s 2 alternate;
|
|
2005
|
+
-ms-animation: spin 10s 2 alternate;
|
|
2006
|
+
-o-animation: spin 10s 2 alternate;
|
|
2007
|
+
animation: spin 10s 2 alternate;
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
.spicon-10s-3-alternate:hover {
|
|
2011
|
+
-webkit-animation: spin 10s 3 alternate;
|
|
2012
|
+
-moz-animation: spin 10s 3 alternate;
|
|
2013
|
+
-ms-animation: spin 10s 3 alternate;
|
|
2014
|
+
-o-animation: spin 10s 3 alternate;
|
|
2015
|
+
animation: spin 10s 3 alternate;
|
|
2016
|
+
}
|
|
2017
|
+
|
|
2018
|
+
.spicon-10s-4-alternate:hover {
|
|
2019
|
+
-webkit-animation: spin 10s 4 alternate;
|
|
2020
|
+
-moz-animation: spin 10s 4 alternate;
|
|
2021
|
+
-ms-animation: spin 10s 4 alternate;
|
|
2022
|
+
-o-animation: spin 10s 4 alternate;
|
|
2023
|
+
animation: spin 10s 4 alternate;
|
|
2024
|
+
}
|
|
2025
|
+
|
|
2026
|
+
.spicon-10s-5-alternate:hover {
|
|
2027
|
+
-webkit-animation: spin 10s 5 alternate;
|
|
2028
|
+
-moz-animation: spin 10s 5 alternate;
|
|
2029
|
+
-ms-animation: spin 10s 5 alternate;
|
|
2030
|
+
-o-animation: spin 10s 5 alternate;
|
|
2031
|
+
animation: spin 10s 5 alternate;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
.spicon-10s-6-alternate:hover {
|
|
2035
|
+
-webkit-animation: spin 10s 6 alternate;
|
|
2036
|
+
-moz-animation: spin 10s 6 alternate;
|
|
2037
|
+
-ms-animation: spin 10s 6 alternate;
|
|
2038
|
+
-o-animation: spin 10s 6 alternate;
|
|
2039
|
+
animation: spin 10s 6 alternate;
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
/* Spicon 10s-x-alternate_reverse classes */
|
|
2043
|
+
|
|
2044
|
+
.spicon-10s-1-alternate_reverse:hover {
|
|
2045
|
+
-webkit-animation: spin 10s 1 alternate-reverse;
|
|
2046
|
+
-moz-animation: spin 10s 1 alternate-reverse;
|
|
2047
|
+
-ms-animation: spin 10s 1 alternate-reverse;
|
|
2048
|
+
-o-animation: spin 10s 1 alternate-reverse;
|
|
2049
|
+
animation: spin 10s 1 alternate-reverse;
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2052
|
+
.spicon-10s-2-alternate_reverse:hover {
|
|
2053
|
+
-webkit-animation: spin 10s 2 alternate-reverse;
|
|
2054
|
+
-moz-animation: spin 10s 2 alternate-reverse;
|
|
2055
|
+
-ms-animation: spin 10s 2 alternate-reverse;
|
|
2056
|
+
-o-animation: spin 10s 2 alternate-reverse;
|
|
2057
|
+
animation: spin 10s 2 alternate-reverse;
|
|
2058
|
+
}
|
|
2059
|
+
|
|
2060
|
+
.spicon-10s-3-alternate_reverse:hover {
|
|
2061
|
+
-webkit-animation: spin 10s 3 alternate-reverse;
|
|
2062
|
+
-moz-animation: spin 10s 3 alternate-reverse;
|
|
2063
|
+
-ms-animation: spin 10s 3 alternate-reverse;
|
|
2064
|
+
-o-animation: spin 10s 3 alternate-reverse;
|
|
2065
|
+
animation: spin 10s 3 alternate-reverse;
|
|
2066
|
+
}
|
|
2067
|
+
|
|
2068
|
+
.spicon-10s-4-alternate_reverse:hover {
|
|
2069
|
+
-webkit-animation: spin 10s 4 alternate-reverse;
|
|
2070
|
+
-moz-animation: spin 10s 4 alternate-reverse;
|
|
2071
|
+
-ms-animation: spin 10s 4 alternate-reverse;
|
|
2072
|
+
-o-animation: spin 10s 4 alternate-reverse;
|
|
2073
|
+
animation: spin 10s 4 alternate-reverse;
|
|
2074
|
+
}
|
|
2075
|
+
|
|
2076
|
+
.spicon-10s-5-alternate_reverse:hover {
|
|
2077
|
+
-webkit-animation: spin 10s 5 alternate-reverse;
|
|
2078
|
+
-moz-animation: spin 10s 5 alternate-reverse;
|
|
2079
|
+
-ms-animation: spin 10s 5 alternate-reverse;
|
|
2080
|
+
-o-animation: spin 10s 5 alternate-reverse;
|
|
2081
|
+
animation: spin 10s 5 alternate-reverse;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.spicon-10s-6-alternate_reverse:hover {
|
|
2085
|
+
-webkit-animation: spin 10s 6 alternate-reverse;
|
|
2086
|
+
-moz-animation: spin 10s 6 alternate-reverse;
|
|
2087
|
+
-ms-animation: spin 10s 6 alternate-reverse;
|
|
2088
|
+
-o-animation: spin 10s 6 alternate-reverse;
|
|
2089
|
+
animation: spin 10s 6 alternate-reverse;
|
|
2090
|
+
}
|