mirror of https://github.com/halo-dev/halo
🎨 代码优化
parent
ae4c80c57f
commit
c88db0d6e9
|
@ -1,129 +0,0 @@
|
|||
#loading{
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
margin-top: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
#loading-center{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
#loading-center-absolute {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
margin-top: -30px;
|
||||
margin-left: -30px;
|
||||
-webkit-animation: loading-center-absolute 1s infinite;
|
||||
animation: loading-center-absolute 1s infinite;
|
||||
|
||||
}
|
||||
.object{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: skyblue;
|
||||
float: left;
|
||||
-moz-border-radius: 50% 50% 50% 50%;
|
||||
-webkit-border-radius: 50% 50% 50% 50%;
|
||||
border-radius: 50% 50% 50% 50%;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.object:nth-child(2n+0) {
|
||||
margin-right: 0px;
|
||||
|
||||
}
|
||||
#object_one{
|
||||
-webkit-animation: object_one 1s infinite;
|
||||
animation: object_one 1s infinite;
|
||||
}
|
||||
#object_two{
|
||||
-webkit-animation: object_two 1s infinite;
|
||||
animation: object_two 1s infinite;
|
||||
}
|
||||
#object_three{
|
||||
-webkit-animation: object_three 1s infinite;
|
||||
animation: object_three 1s infinite;
|
||||
}
|
||||
#object_four{
|
||||
-webkit-animation: object_four 1s infinite;
|
||||
animation: object_four 1s infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes loading-center-absolute{
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
}
|
||||
@keyframes loading-center-absolute{
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes object_one{
|
||||
50% {
|
||||
-ms-transform: translate(20px,20px);
|
||||
-webkit-transform: translate(20px,20px);
|
||||
transform: translate(20px,20px);
|
||||
}
|
||||
}
|
||||
@keyframes object_one{
|
||||
50% {
|
||||
-ms-transform: translate(20px,20px);
|
||||
-webkit-transform: translate(20px,20px);
|
||||
transform: translate(20px,20px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes object_two{
|
||||
50% {
|
||||
-ms-transform: translate(-20px,20px);
|
||||
-webkit-transform: translate(-20px,20px);
|
||||
transform: translate(-20px,20px);
|
||||
}
|
||||
}
|
||||
@keyframes object_two{
|
||||
50% {
|
||||
-ms-transform: translate(-20px,20px);
|
||||
-webkit-transform: translate(-20px,20px);
|
||||
transform: translate(-20px,20px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes object_three{
|
||||
50% {
|
||||
-ms-transform: translate(20px,-20px);
|
||||
-webkit-transform: translate(20px,-20px);
|
||||
transform: translate(20px,-20px);
|
||||
}
|
||||
}
|
||||
@keyframes object_three{
|
||||
50% {
|
||||
-ms-transform: translate(20px,-20px);
|
||||
-webkit-transform: translate(20px,-20px);
|
||||
transform: translate(20px,-20px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes object_four{
|
||||
50% {
|
||||
-ms-transform: translate(-20px,-20px);
|
||||
-webkit-transform: translate(-20px,-20px);
|
||||
transform: translate(-20px,-20px);
|
||||
}
|
||||
}
|
||||
@keyframes object_four{
|
||||
50% {
|
||||
-ms-transform: translate(-20px,-20px);
|
||||
-webkit-transform: translate(-20px,-20px);
|
||||
transform: translate(-20px,-20px);
|
||||
}
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
#loading{background-color:#fff;height:100%;width:100%;position:fixed;z-index:9999;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:60px;width:60px;margin-top:-30px;margin-left:-30px;-webkit-animation:loading-center-absolute 1s infinite;animation:loading-center-absolute 1s infinite}.object{width:20px;height:20px;background-color:skyblue;float:left;-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;margin-right:20px;margin-bottom:20px}.object:nth-child(2n+0){margin-right:0}#object_one{-webkit-animation:object_one 1s infinite;animation:object_one 1s infinite}#object_two{-webkit-animation:object_two 1s infinite;animation:object_two 1s infinite}#object_three{-webkit-animation:object_three 1s infinite;animation:object_three 1s infinite}#object_four{-webkit-animation:object_four 1s infinite;animation:object_four 1s infinite}@-webkit-keyframes loading-center-absolute{100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-center-absolute{100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes object_one{50%{-ms-transform:translate(20px,20px);-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@keyframes object_one{50%{-ms-transform:translate(20px,20px);-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@-webkit-keyframes object_two{50%{-ms-transform:translate(-20px,20px);-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}@keyframes object_two{50%{-ms-transform:translate(-20px,20px);-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}@-webkit-keyframes object_three{50%{-ms-transform:translate(20px,-20px);-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}@keyframes object_three{50%{-ms-transform:translate(20px,-20px);-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}@-webkit-keyframes object_four{50%{-ms-transform:translate(-20px,-20px);-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}@keyframes object_four{50%{-ms-transform:translate(-20px,-20px);-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
@ -13,7 +13,6 @@
|
|||
<link rel="stylesheet" href="/static/css/AdminLTE.min.css">
|
||||
<link rel="stylesheet" href="/static/css/skins/_all-skins.min.css">
|
||||
<link rel="stylesheet" href="/static/css/style.min.css">
|
||||
<link rel="stylesheet" href="/static/css/loader.min.css">
|
||||
<link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
|
||||
<link rel="stylesheet" href="/static/plugins/fileinput/fileinput.min.css">
|
||||
<link rel="stylesheet" href="/static/plugins/OwO/OwO.min.css">
|
||||
|
|
Loading…
Reference in New Issue