fineui是帆软报表和BI产品线所使用的前端框架。
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.
 
 
 

127 lines
3.3 KiB

.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 div {
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;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/wave_loading.gif');
_background: none;
}
.bi-loading-widget.hack div {
background-color: rgba(54, 133, 242, 0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003685f2,endColorstr=#003685f2);
}