ecomp-portal-FE/client/bower_components/angular-material/modules/closure/progressLinear/progressLinear.css

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