fineui/src/css/base/pane.css

.bi-pane {
  min-height: 25px;
}
.bi-pane.loading-status {
  min-height: 55px;
}
.bi-pane .loading-container {
  background-color: rgba(247, 248, 250, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
}
.bi-loading-widget {
  font-size: 0;
}
.bi-loading-widget .animate-rect {
  background-color: rgba(54, 133, 242, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  border-radius: 1.5px;
  -webkit-animation: loading-widget 0.8s infinite linear;
  -moz-animation: loading-widget 0.8s infinite linear;
  -ms-animation: loading-widget 0.8s infinite linear;
  -o-animation: loading-widget 0.8s infinite linear;
  animation: loading-widget 0.8s infinite linear;
}
.bi-loading-widget .rect2 {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.bi-loading-widget .rect3 {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
@-webkit-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-ms-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.bi-loading-widget.hack {
  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
}
.bi-loading-widget.hack .animate-rect {
  background-color: rgba(54, 133, 242, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003685f2,endColorstr=#003685f2);
}