You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

261 lines
10 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  6. */
  7. md-progress-linear {
  8. display: block;
  9. position: relative;
  10. width: 100%;
  11. height: 5px;
  12. padding-top: 0 !important;
  13. margin-bottom: 0 !important; }
  14. md-progress-linear._md-progress-linear-disabled {
  15. visibility: hidden; }
  16. md-progress-linear .md-container {
  17. display: block;
  18. position: relative;
  19. overflow: hidden;
  20. width: 100%;
  21. height: 5px;
  22. -webkit-transform: translate(0, 0) scale(1, 1);
  23. transform: translate(0, 0) scale(1, 1); }
  24. md-progress-linear .md-container .md-bar {
  25. position: absolute;
  26. left: 0;
  27. top: 0;
  28. bottom: 0;
  29. width: 100%;
  30. height: 5px; }
  31. md-progress-linear .md-container .md-dashed:before {
  32. content: "";
  33. display: none;
  34. position: absolute;
  35. margin-top: 0;
  36. height: 5px;
  37. width: 100%;
  38. background-color: transparent;
  39. background-size: 10px 10px !important;
  40. background-position: 0px -23px; }
  41. md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  42. -webkit-transition: -webkit-transform 0.2s linear;
  43. transition: -webkit-transform 0.2s linear;
  44. transition: transform 0.2s linear;
  45. transition: transform 0.2s linear, -webkit-transform 0.2s linear; }
  46. md-progress-linear .md-container.md-mode-query .md-bar1 {
  47. display: none; }
  48. md-progress-linear .md-container.md-mode-query .md-bar2 {
  49. -webkit-transition: all 0.2s linear;
  50. transition: all 0.2s linear;
  51. -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  52. animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
  53. md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  54. display: none; }
  55. md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  56. -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
  57. animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
  58. md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  59. -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
  60. animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
  61. md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
  62. -webkit-animation: none;
  63. animation: none; }
  64. md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
  65. -webkit-animation-name: none;
  66. animation-name: none; }
  67. md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  68. -webkit-animation-name: none;
  69. animation-name: none; }
  70. md-progress-linear .md-container.md-mode-buffer {
  71. background-color: transparent !important;
  72. -webkit-transition: all 0.2s linear;
  73. transition: all 0.2s linear; }
  74. md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  75. display: block;
  76. -webkit-animation: buffer 3s infinite linear;
  77. animation: buffer 3s infinite linear; }
  78. @-webkit-keyframes query {
  79. 0% {
  80. opacity: 1;
  81. -webkit-transform: translateX(35%) scale(0.3, 1);
  82. transform: translateX(35%) scale(0.3, 1); }
  83. 100% {
  84. opacity: 0;
  85. -webkit-transform: translateX(-50%) scale(0, 1);
  86. transform: translateX(-50%) scale(0, 1); } }
  87. @keyframes query {
  88. 0% {
  89. opacity: 1;
  90. -webkit-transform: translateX(35%) scale(0.3, 1);
  91. transform: translateX(35%) scale(0.3, 1); }
  92. 100% {
  93. opacity: 0;
  94. -webkit-transform: translateX(-50%) scale(0, 1);
  95. transform: translateX(-50%) scale(0, 1); } }
  96. @-webkit-keyframes buffer {
  97. 0% {
  98. opacity: 1;
  99. background-position: 0px -23px; }
  100. 50% {
  101. opacity: 0; }
  102. 100% {
  103. opacity: 1;
  104. background-position: -200px -23px; } }
  105. @keyframes buffer {
  106. 0% {
  107. opacity: 1;
  108. background-position: 0px -23px; }
  109. 50% {
  110. opacity: 0; }
  111. 100% {
  112. opacity: 1;
  113. background-position: -200px -23px; } }
  114. @-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  115. 0% {
  116. -webkit-transform: scaleX(0.1);
  117. transform: scaleX(0.1);
  118. -webkit-animation-timing-function: linear;
  119. animation-timing-function: linear; }
  120. 36.6% {
  121. -webkit-transform: scaleX(0.1);
  122. transform: scaleX(0.1);
  123. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  124. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  125. 69.15% {
  126. -webkit-transform: scaleX(0.83);
  127. transform: scaleX(0.83);
  128. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  129. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  130. 100% {
  131. -webkit-transform: scaleX(0.1);
  132. transform: scaleX(0.1); } }
  133. @keyframes md-progress-linear-indeterminate-scale-1 {
  134. 0% {
  135. -webkit-transform: scaleX(0.1);
  136. transform: scaleX(0.1);
  137. -webkit-animation-timing-function: linear;
  138. animation-timing-function: linear; }
  139. 36.6% {
  140. -webkit-transform: scaleX(0.1);
  141. transform: scaleX(0.1);
  142. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  143. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  144. 69.15% {
  145. -webkit-transform: scaleX(0.83);
  146. transform: scaleX(0.83);
  147. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  148. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  149. 100% {
  150. -webkit-transform: scaleX(0.1);
  151. transform: scaleX(0.1); } }
  152. @-webkit-keyframes md-progress-linear-indeterminate-1 {
  153. 0% {
  154. left: -105.16667%;
  155. -webkit-animation-timing-function: linear;
  156. animation-timing-function: linear; }
  157. 20% {
  158. left: -105.16667%;
  159. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  160. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  161. 69.15% {
  162. left: 21.5%;
  163. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  164. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  165. 100% {
  166. left: 95.44444%; } }
  167. @keyframes md-progress-linear-indeterminate-1 {
  168. 0% {
  169. left: -105.16667%;
  170. -webkit-animation-timing-function: linear;
  171. animation-timing-function: linear; }
  172. 20% {
  173. left: -105.16667%;
  174. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  175. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  176. 69.15% {
  177. left: 21.5%;
  178. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  179. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  180. 100% {
  181. left: 95.44444%; } }
  182. @-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  183. 0% {
  184. -webkit-transform: scaleX(0.1);
  185. transform: scaleX(0.1);
  186. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  187. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  188. 19.15% {
  189. -webkit-transform: scaleX(0.57);
  190. transform: scaleX(0.57);
  191. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  192. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  193. 44.15% {
  194. -webkit-transform: scaleX(0.91);
  195. transform: scaleX(0.91);
  196. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  197. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  198. 100% {
  199. -webkit-transform: scaleX(0.1);
  200. transform: scaleX(0.1); } }
  201. @keyframes md-progress-linear-indeterminate-scale-2 {
  202. 0% {
  203. -webkit-transform: scaleX(0.1);
  204. transform: scaleX(0.1);
  205. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  206. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  207. 19.15% {
  208. -webkit-transform: scaleX(0.57);
  209. transform: scaleX(0.57);
  210. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  211. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  212. 44.15% {
  213. -webkit-transform: scaleX(0.91);
  214. transform: scaleX(0.91);
  215. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  216. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  217. 100% {
  218. -webkit-transform: scaleX(0.1);
  219. transform: scaleX(0.1); } }
  220. @-webkit-keyframes md-progress-linear-indeterminate-2 {
  221. 0% {
  222. left: -54.88889%;
  223. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  224. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  225. 25% {
  226. left: -17.25%;
  227. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  228. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  229. 48.35% {
  230. left: 29.5%;
  231. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  232. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  233. 100% {
  234. left: 117.38889%; } }
  235. @keyframes md-progress-linear-indeterminate-2 {
  236. 0% {
  237. left: -54.88889%;
  238. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  239. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  240. 25% {
  241. left: -17.25%;
  242. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  243. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  244. 48.35% {
  245. left: 29.5%;
  246. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  247. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  248. 100% {
  249. left: 117.38889%; } }