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