1 /* Make clicks pass-through */
5 -webkit-pointer-events: none;
6 -webkit-transition: 350ms linear all;
7 -moz-transition: 350ms linear all;
8 -o-transition: 350ms linear all;
9 transition: 350ms linear all;
12 #loading-bar.ng-enter,
13 #loading-bar.ng-leave.ng-leave-active,
14 #loading-bar-spinner.ng-enter,
15 #loading-bar-spinner.ng-leave.ng-leave-active {
19 #loading-bar.ng-enter.ng-enter-active,
20 #loading-bar.ng-leave,
21 #loading-bar-spinner.ng-enter.ng-enter-active,
22 #loading-bar-spinner.ng-leave {
27 -webkit-transition: width 350ms;
28 -moz-transition: width 350ms;
29 -o-transition: width 350ms;
30 transition: width 350ms;
39 border-bottom-right-radius: 1px;
40 border-top-right-radius: 1px;
43 /* Fancy blur effect */
51 -moz-box-shadow: #29d 1px 0 6px 1px;
52 -ms-box-shadow: #29d 1px 0 6px 1px;
53 -webkit-box-shadow: #29d 1px 0 6px 1px;
54 box-shadow: #29d 1px 0 6px 1px;
55 -moz-border-radius: 100%;
56 -webkit-border-radius: 100%;
60 #loading-bar-spinner {
68 #loading-bar-spinner .spinner-icon {
72 border: solid 2px transparent;
73 border-top-color: #29d;
74 border-left-color: #29d;
77 -webkit-animation: loading-bar-spinner 400ms linear infinite;
78 -moz-animation: loading-bar-spinner 400ms linear infinite;
79 -ms-animation: loading-bar-spinner 400ms linear infinite;
80 -o-animation: loading-bar-spinner 400ms linear infinite;
81 animation: loading-bar-spinner 400ms linear infinite;
84 @-webkit-keyframes loading-bar-spinner {
85 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
86 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
88 @-moz-keyframes loading-bar-spinner {
89 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
90 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
92 @-o-keyframes loading-bar-spinner {
93 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
94 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
96 @-ms-keyframes loading-bar-spinner {
97 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
98 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
100 @keyframes loading-bar-spinner {
101 0% { transform: rotate(0deg); transform: rotate(0deg); }
102 100% { transform: rotate(360deg); transform: rotate(360deg); }