2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
21 @-webkit-keyframes fadeIn {
41 @-webkit-keyframes fadeInDown {
44 -webkit-transform: translate3d(0, -100%, 0);
45 transform: translate3d(0, -100%, 0);
50 -webkit-transform: none;
55 @keyframes fadeInDown {
58 -webkit-transform: translate3d(0, -100%, 0);
59 transform: translate3d(0, -100%, 0);
64 -webkit-transform: none;
71 transform: rotate(360deg);
75 @-webkit-keyframes rotate {
77 -webkit-transform: rotate(360deg);
105 stroke-dasharray: 1,150;
106 stroke-dashoffset: 0;
111 stroke-dasharray: 90,150;
112 stroke-dashoffset: -35;
117 stroke-dasharray: 90,150;
118 stroke-dashoffset: -124;
123 @-webkit-keyframes dash {
125 stroke-dasharray: 1,150;
126 stroke-dashoffset: 0;
130 stroke-dasharray: 90,150;
131 stroke-dashoffset: -35;
135 stroke-dasharray: 90,150;
136 stroke-dashoffset: -124;
141 -webkit-animation-duration: .7s;
142 animation-duration: .7s;
143 -webkit-animation-fill-mode: both;
144 animation-fill-mode: both;
149 -webkit-animation-duration: .2s;
150 animation-duration: .2s;
154 -webkit-animation-duration: 1.1s;
155 animation-duration: 1.1s;
158 .animated.fadeInDown {
159 -webkit-animation-name: fadeInDown;
160 animation-name: fadeInDown;
164 -webkit-animation-name: fadeIn;
165 animation-name: fadeIn;
169 -webkit-animation: rotate 2s linear infinite;
170 animation: rotate 2s linear infinite;
176 .spinner-container .path {
177 stroke-dasharray: 1,150;
178 stroke-dashoffset: 0;
180 stroke-linecap: round;
181 -webkit-animation: dash 1.5s ease-in-out infinite, colors 5.6s ease-in-out infinite;
182 animation: dash 1.5s ease-in-out infinite, colors 5.6s ease-in-out infinite;