1/*! Icinga Web 2 | (c) 2014 Icinga Development Team | GPLv2+ */
2
3.animate(@animate) {
4  -moz-animation: @animate;
5  -o-animation: @animate;
6  -webkit-animation: @animate;
7  animation: @animate;
8}
9
10@-moz-keyframes spin {
11  0% {
12    -moz-transform: rotate(0deg);
13    -o-transform: rotate(0deg);
14    -webkit-transform: rotate(0deg);
15    transform: rotate(0deg);
16  }
17
18  100% {
19    -moz-transform: rotate(359deg);
20    -o-transform: rotate(359deg);
21    -webkit-transform: rotate(359deg);
22    transform: rotate(359deg);
23  }
24}
25@-webkit-keyframes spin {
26  0% {
27    -moz-transform: rotate(0deg);
28    -o-transform: rotate(0deg);
29    -webkit-transform: rotate(0deg);
30    transform: rotate(0deg);
31  }
32
33  100% {
34    -moz-transform: rotate(359deg);
35    -o-transform: rotate(359deg);
36    -webkit-transform: rotate(359deg);
37    transform: rotate(359deg);
38  }
39}
40@-o-keyframes spin {
41  0% {
42    -moz-transform: rotate(0deg);
43    -o-transform: rotate(0deg);
44    -webkit-transform: rotate(0deg);
45    transform: rotate(0deg);
46  }
47
48  100% {
49    -moz-transform: rotate(359deg);
50    -o-transform: rotate(359deg);
51    -webkit-transform: rotate(359deg);
52    transform: rotate(359deg);
53  }
54}
55@-ms-keyframes spin {
56  0% {
57    -moz-transform: rotate(0deg);
58    -o-transform: rotate(0deg);
59    -webkit-transform: rotate(0deg);
60    transform: rotate(0deg);
61  }
62
63  100% {
64    -moz-transform: rotate(359deg);
65    -o-transform: rotate(359deg);
66    -webkit-transform: rotate(359deg);
67    transform: rotate(359deg);
68  }
69}
70@keyframes spin {
71  0% {
72    -moz-transform: rotate(0deg);
73    -o-transform: rotate(0deg);
74    -webkit-transform: rotate(0deg);
75    transform: rotate(0deg);
76  }
77
78  100% {
79    -moz-transform: rotate(359deg);
80    -o-transform: rotate(359deg);
81    -webkit-transform: rotate(359deg);
82    transform: rotate(359deg);
83  }
84}
85
86@-moz-keyframes move-vertical {
87  0% {
88    -moz-transform: translate(0, 100%);
89    -o-transform: translate(0, 100%);
90    -webkit-transform: translate(0, 100%);
91    transform: translate(0, 100%);
92  }
93
94  17% {
95    -moz-transform: translate(0, 66%);
96    -o-transform: translate(0, 66%);
97    -webkit-transform: translate(0, 66%);
98    transform: translate(0, 66%);
99  }
100
101  33% {
102    -moz-transform: translate(0, 33%);
103    -o-transform: translate(0, 33%);
104    -webkit-transform: translate(0, 33%);
105    transform: translate(0, 33%);
106  }
107
108  50% {
109    -moz-transform: translate(0, 0);
110    -o-transform: translate(0, 0);
111    -webkit-transform: translate(0, 0);
112    transform: translate(0, 0);
113  }
114
115  67% {
116    -moz-transform: translate(0, -33%);
117    -o-transform: translate(0, -33%);
118    -webkit-transform: translate(0, -33%);
119    transform: translate(0, -33%);
120  }
121
122  83% {
123    -moz-transform: translate(0, -66%);
124    -o-transform: translate(0, -66%);
125    -webkit-transform: translate(0, -66%);
126    transform: translate(0, -66%);
127  }
128
129  100% {
130    -moz-transform: translate(0, -100%);
131    -o-transform: translate(0, -100%);
132    -webkit-transform: translate(0, -100%);
133    transform: translate(0, -100%);
134  }
135}
136@-webkit-keyframes move-vertical {
137  0% {
138    -moz-transform: translate(0, 100%);
139    -o-transform: translate(0, 100%);
140    -webkit-transform: translate(0, 100%);
141    transform: translate(0, 100%);
142  }
143
144  17% {
145    -moz-transform: translate(0, 66%);
146    -o-transform: translate(0, 66%);
147    -webkit-transform: translate(0, 66%);
148    transform: translate(0, 66%);
149  }
150
151  33% {
152    -moz-transform: translate(0, 33%);
153    -o-transform: translate(0, 33%);
154    -webkit-transform: translate(0, 33%);
155    transform: translate(0, 33%);
156  }
157
158  50% {
159    -moz-transform: translate(0, 0);
160    -o-transform: translate(0, 0);
161    -webkit-transform: translate(0, 0);
162    transform: translate(0, 0);
163  }
164
165  67% {
166    -moz-transform: translate(0, -33%);
167    -o-transform: translate(0, -33%);
168    -webkit-transform: translate(0, -33%);
169    transform: translate(0, -33%);
170  }
171
172  83% {
173    -moz-transform: translate(0, -66%);
174    -o-transform: translate(0, -66%);
175    -webkit-transform: translate(0, -66%);
176    transform: translate(0, -66%);
177  }
178
179  100% {
180    -moz-transform: translate(0, -100%);
181    -o-transform: translate(0, -100%);
182    -webkit-transform: translate(0, -100%);
183    transform: translate(0, -100%);
184  }
185}
186@-o-keyframes move-vertical {
187  0% {
188    -moz-transform: translate(0, 100%);
189    -o-transform: translate(0, 100%);
190    -webkit-transform: translate(0, 100%);
191    transform: translate(0, 100%);
192  }
193
194  17% {
195    -moz-transform: translate(0, 66%);
196    -o-transform: translate(0, 66%);
197    -webkit-transform: translate(0, 66%);
198    transform: translate(0, 66%);
199  }
200
201  33% {
202    -moz-transform: translate(0, 33%);
203    -o-transform: translate(0, 33%);
204    -webkit-transform: translate(0, 33%);
205    transform: translate(0, 33%);
206  }
207
208  50% {
209    -moz-transform: translate(0, 0);
210    -o-transform: translate(0, 0);
211    -webkit-transform: translate(0, 0);
212    transform: translate(0, 0);
213  }
214
215  67% {
216    -moz-transform: translate(0, -33%);
217    -o-transform: translate(0, -33%);
218    -webkit-transform: translate(0, -33%);
219    transform: translate(0, -33%);
220  }
221
222  83% {
223    -moz-transform: translate(0, -66%);
224    -o-transform: translate(0, -66%);
225    -webkit-transform: translate(0, -66%);
226    transform: translate(0, -66%);
227  }
228
229  100% {
230    -moz-transform: translate(0, -100%);
231    -o-transform: translate(0, -100%);
232    -webkit-transform: translate(0, -100%);
233    transform: translate(0, -100%);
234  }
235}
236@-ms-keyframes move-vertical {
237  0% {
238    -moz-transform: translate(0, 100%);
239    -o-transform: translate(0, 100%);
240    -webkit-transform: translate(0, 100%);
241    transform: translate(0, 100%);
242  }
243
244  17% {
245    -moz-transform: translate(0, 66%);
246    -o-transform: translate(0, 66%);
247    -webkit-transform: translate(0, 66%);
248    transform: translate(0, 66%);
249  }
250
251  33% {
252    -moz-transform: translate(0, 33%);
253    -o-transform: translate(0, 33%);
254    -webkit-transform: translate(0, 33%);
255    transform: translate(0, 33%);
256  }
257
258  50% {
259    -moz-transform: translate(0, 0);
260    -o-transform: translate(0, 0);
261    -webkit-transform: translate(0, 0);
262    transform: translate(0, 0);
263  }
264
265  67% {
266    -moz-transform: translate(0, -33%);
267    -o-transform: translate(0, -33%);
268    -webkit-transform: translate(0, -33%);
269    transform: translate(0, -33%);
270  }
271
272  83% {
273    -moz-transform: translate(0, -66%);
274    -o-transform: translate(0, -66%);
275    -webkit-transform: translate(0, -66%);
276    transform: translate(0, -66%);
277  }
278
279  100% {
280    -moz-transform: translate(0, -100%);
281    -o-transform: translate(0, -100%);
282    -webkit-transform: translate(0, -100%);
283    transform: translate(0, -100%);
284  }
285}
286@keyframes move-vertical {
287  0% {
288    -moz-transform: translate(0, 100%);
289    -o-transform: translate(0, 100%);
290    -webkit-transform: translate(0, 100%);
291    transform: translate(0, 100%);
292  }
293
294  17% {
295    -moz-transform: translate(0, 66%);
296    -o-transform: translate(0, 66%);
297    -webkit-transform: translate(0, 66%);
298    transform: translate(0, 66%);
299  }
300
301  33% {
302    -moz-transform: translate(0, 33%);
303    -o-transform: translate(0, 33%);
304    -webkit-transform: translate(0, 33%);
305    transform: translate(0, 33%);
306  }
307
308  50% {
309    -moz-transform: translate(0, 0);
310    -o-transform: translate(0, 0);
311    -webkit-transform: translate(0, 0);
312    transform: translate(0, 0);
313  }
314
315  67% {
316    -moz-transform: translate(0, -33%);
317    -o-transform: translate(0, -33%);
318    -webkit-transform: translate(0, -33%);
319    transform: translate(0, -33%);
320  }
321
322  83% {
323    -moz-transform: translate(0, -66%);
324    -o-transform: translate(0, -66%);
325    -webkit-transform: translate(0, -66%);
326    transform: translate(0, -66%);
327  }
328
329  100% {
330    -moz-transform: translate(0, -100%);
331    -o-transform: translate(0, -100%);
332    -webkit-transform: translate(0, -100%);
333    transform: translate(0, -100%);
334  }
335}
336
337@keyframes blink {
338  0% {
339    opacity: 0.2;
340  }
341
342  20% {
343    opacity: 1;
344  }
345
346  100% {
347    opacity: 0.2;
348  }
349}
350
351@keyframes pulse {
352  0% {
353    opacity: .5;
354    transform: scale(1);
355  }
356
357  50% {
358    opacity: 1;
359    transform: scale(1.2);
360  }
361
362  100% {
363    opacity: .5;
364    transform: scale(1);
365  }
366}
367